اكواد الميتا تاج بلوجر، جميع أكودا الميتا الخاصة بالمواقع او بمدونة بلوجر Meta tags

  1. الرئيسية
  2. »
  3. seo
  4. »
  5. اكواد الميتا تاج بلوجر، جميع أكودا الميتا الخاصة بالمواقع او بمدونة بلوجر Meta tags

اكواد الميتا تاج بلوجر، جميع أكودا الميتا الخاصة بالمواقع او بمدونة بلوجر Meta tags، أكواد Meta بلوج، طريقة إضافة Meta Tags بلوجر.

سأعرض في هذة التدوينة جميع وسوم واكواد الميتا Meta Tags التي تحتاجها في مدونة بلوجر والتي تعتبر وسوم هامة جداً لتهيئة مدونتك لمحركات البحث ولسيو بلوجر.
أكواد الميتا تاجتعتبر أمر هام في تهيئة مدونة بلوجر لمحركات البحث وفي جعلها أيضاً مهيئة للسيو SEO، وتعتبر من اهم اكواد قوالب بلوجر.
وسوم او اكواد الميتا تاج ليست مهمة فقط للسيو ولكن لها أهمية أيضاً في تعريف موقعك ومجالات الموقع كما أنها تقوي موقعك بالنسبة لمواقع التواصل الإجتماعي، وعليك اضافة اكواد الميتا تاج Meta tags الي موقعك او الي مدونتك علي بلوجر Blogger.

ما هي اكواد الميتا تاج Meta tags وما وظيفتها؟ شرح Meta tags

وسم الميتا تاج Meta Tags هو وسم من أوسام لغة البرمجة الخاصة بتصميم المواقع الـ HTML والذي يوضع داخل عنصر الـ Head في ترتيب أكواد الـ HTML.
وتستخدم محركات البحث اكواد الميتا تاج في فهم ما تحتويه صفحة الويب والي أي نوع تنتمي هذة الصفحة؟ فهل هي عبارة عن صفحة مقال؟الخ .....
إطلع أيضاً: كيفية الربح من مدونة بلوجر.
وسوم الميتا تاجز، جميع أكودا الميتا الخاصة بمدونة بلوجر Meta tags

- طريقة اضافة اكواد الميتا تاج في مدونة بلوجر Meta tags blogger :

تعد اكواد الميتا تاج من الاكواد الهامة والتي يجب علي كل موقع او مدونة احتوائه علي هذة الاكواد، ويمكنك اضافة اكواد الميتا تاج الي مدونة بلوجر كما يلي. 
  1.  اولا توجه الي مدونتك علي بلوجر، بعدها اذهب الي Theme وبعدها تعديل ال HTML او Edit Html كما بالصورة . 
  2. توجه الي صفحة تعديل ال HTML الخاصة بمدونتك علي بلوجر.
    طريقة اضافة اكواد الميتا تاج في مدونة بلوجر Meta tags blogger
  3. ثم قم بإختيار كود الميتا تاج الذي تحتاجه من الاسفل، وقم بوضعه اسفل كود الـ <head> مباشرة  . 
  4. يتكون اي ملف HTML من اوسام رئيسية كالتالي:
     <html>
    <head>اكواد الميتا تاج تكون هنا  </head>
    <body> اكواد الصفحة العادية تكون هنا</body>
    </html>
قم باختيار كود الميتا الذي تريده من الاسفل وضعه في مكانه في ملف الـ HTML.
ومن هنا نشرح كل وسم من أكواد الميتا المهمة لمدونة بلوجر والتي يجب علي كل قالب بلوجر إحتوائه علي هذه الاكواد. 

- أكواد الميتا تاج الخاصة بالمواقع و بمدونة بلوجر Meta Tags :

  1. وسم الميتا الخاص بالكلمات المفتاحية؛ Keywords Meta Tag :

  2. وسم الميتا تاج الخاص بالكلمات المفتاحية هو وسم هام وله أهمية في تصدر مقالاتك وموضوعات في محركات البحث، ورغم أن البعض يأكد علي أن جوجل لم تعد تستخدم هذا الوسم أثناء عملية الأرشفة إلا أن إسستخدامه لن يعود عليك بضرر. 
     
    <meta content='keyword1,keyword2,keyword3,......' name='Keywords' /> 
     
  3. وسم الميتا الخاص بالوصف؛ Description Meta Tag : 

  4. وسم الميتا الخاص بالوصف هو وسم هام وله أهمية في تصدر مقالاتك وموضوعات في محركات البحث، كما أنه يظهر أسفل عنوان المقال في نتائج البحث، وإضافته إلي مدونة بلوجر يزيد من قدرة مقالاتك علي تصدر محركات البحث. 
     
    <meta content='your description goes here.....' name='description' /> 
     

    - أكواد الميتا الخاصة بمواقع التواصل الاجتماعي Open Graph Meta Tags :

    هناك أيضاً بعض وسوم الميتا الخاصة بالكلمات المفتاحية والوصف ولكنها تُخصص لمواقع التواصل الإجتماعي والتي تظهر عند مشاركة المقال علي مواقع التواصل الإجتماعي. 
    وهي تختلف فقط عن الوسم العادي في أنه خاصية الـ Name تكون من نوع og، أو Property بدلاً من Name كالآتي: 
    وسم الكلمات المفتاحية Keywords
    <meta content='keyword1,keyword2,keyword3,......' name='og:Keywords' /> 
    
    وسم الوصف Description
    <meta content='your description goes here.....' name='og:description' /> 
    أو 
    <meta content='your description goes here.....' property='og:description' /> 
    
    

  5. وسم الميتا الخاص بإسم الموقع؛ Site Name Meta Tag : 

  6. وسم الميتا الخاص بإسم الموقع هو وسم هام وله أهمية في تعريف محركات البحث ومواقع التواصل بإسم موقعك مما يزيد من فرصة تصدر الصفحة الرئيسية لموقعك عندما يحاول البعض البحث عن موقعك. 
    <meta content='your site name' property='og:site_name'/>
    
  7. وسم الميتا الخاص بنوع صفحة الويب؛ OG:type  Meta Tag : 

  8. وسم الميتا الخاص بنوع صفحة الويب هو وسم هام ويخبر محركات البحث بنوع الصفحة فهي أما أن تكون Website مثل الصفحة الرئيسية بموقعك أو أن تكون Article كباقي صفحات المدونة مثل صفحات المواضيع. 
     
    <meta content='article' property='og:type'/>
    
    ويمكنك جعل بلوجر يختار الكود الاول أي أنه يجعل الصفحة article أو يختار الكود الثاني وتصبح الصفحة website بإستخدام قواعد ووسوم If الخاصة ببلوجر، وهي قواعد شرطية ما إن تحقق أحد الشروط تنفذ الكود الخاص به وإن لم يتحقق تنفذ الكود الآخر. 
     
    <meta content='website' property='og:type'/>
    
    وسوف أتحدث بإستفاضة عن قواعد الـ B:IF الشرطية الخاصة ببلوجر في مقال قادم قريب إن شاء الله. 
  9. وسم الميتا الخاص برابط الموقع؛ Page URL Meta Tag : 

  10. وسم الميتا الخاص برابط الموقع أو الـ Canonical Url هو وسم هام وله أهمية في تعريف محركات البحث ومواقع التواصل برابط المقال او الموقع، وأحيانا يظهر هذا الرابط أعلي في بطاقة المشاركة. 
    <meta content='your page url' property='og:url'/>
    
  11. وسم الميتا الخاص برابط الموقع؛ og:title Meta Tag : 

  12. وسم الميتا الخاص بعنوان الصفحة أو الموقع هو وسم هام وله أهمية في تعريف محركات البحث وخصوصاً مواقع التواصل بعنوان المقال او الموقع، ويظهر هذا العنوان عندما تشارك المقال في مواقع التواصل الاجتماعي. 
    <meta content='your page title' property='og:title'/>
    
  13. وسم الميتا الخاص بلغة الموقع والجغرافيا؛ og:locale Meta Tag : 

  14. وسم الميتا الخاص بلغة الموقع أو اللغة المستخدمة في كتابة المحتوي الموجود به . 
    <meta content='ar_AR' property='og:locale'/>
    
  15. وسم الميتا الخاص بصفحة الفيس بوك؛ Facebook page id Meta Tag : 

  16. وسم الميتا الخاص بالـ ID الخاص بصفحة الموقع علي الفيس بوك، وأيضاً هناك وسم خاص بالـ User Name  . 
     
    <meta content='110074190350322' name='fb:page_id'/> <meta content='@mjad218' property='fb:admins'/>
    
    
  17. وأخيراً وسوم التويتر كارد؛ Twitter Meta Tag : 

  18. وهي مجموعة وسوم للميتا خاصة بموقع تويتر، والتي تنسق مقالاتك عند مشاركتها علي موقع تويتر . 
     
    <meta name="twitter:card" content="summary_large_image" />
      <meta name="twitter:description" content="your post description." />
      <meta name="twitter:title" content="your post title " />
      <meta name="twitter:site" content="@twitter id " />
      <meta name="twitter:image" content="your post image url" />
      <meta name="twitter:creator" content="@your twitter id" />
    
كانت هذة أغلب وسوم الميتا التي تحتاجها في مدونة بلوجر أو حتي مدونة الوردبريس، ولكن تحتاج الي معرفة كيفية تطبيقها بالطريقة الصحيحة. 
حيث أن كل كود ميتا Meta Tag يجب تخصيصة لكل صفحة في مدونتك؛ ولا تقلق يمكنك عمل ذلك بصورة تلقائية فلا تضطر الي كتابة هذة الاكواد لكل صفحة. 
ويمكنك إعداد هذه الاكواد لتعمل بطريقة تلقائية مع مختلف الصفحات في مدونتك (كالصفحة الرئيسية وصفحة المقالات والـ static pages) وذلك بإستخدام قواعد b:if الشرطية في بلوجر وأيضاً إسخدام الـ Expressions الموجودة في بلوجر. 
فمثلاً لكود الميتا الخاص بالـ Description يمكنك إستخدام الكود التالي  : 
 <b:if cond='data:blog.pageType == "item"'>
 <meta expr:content='data:blog.metaDescription' name='description'/>
 
<b:elseif cond='data:blog.homepageUrl == data:blog.url'/>
<meta content='مبتكر موقع ومدونة يهتم بالمحتوي التقني وكل مايتعلق بمبتكر البرامج وبطرق الربح من الانترنت وبرامج الجرافيك والالعاب وأخبارها ويحتوي علي حلول تقنية لمختلف المشاكل' name='description'/>

<b:elseif cond='data:blog.searchLabel'/>
 <meta expr:content='data:blog.pageName + " تدوينات موقع مبتكر تحت هذا التصنيف تجد فيها كل ما هو جديد من برامج ومقالات وطرق لحلول المشاكل المتعلقة بهذا القسم Mobtakr  "' name='description'/>
 
<b:elseif cond='data:blog.pageType == "static_page"'/>
 <meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>


وهذا الكود يقول لبلوجر إذا كانت الصفحة صفحة مقالات إستخدم النص الخاص بالميتا لكل مقال علي حدي، أما إذا كانت الصفحة الرئيسية فإستخدم الوصف الموجود وهكذا مع مختلف الصفحات مثل صفحة التسميات labels.... 
وشكراً.
هناك 4 تعليقات
  1. والله مافهمت كيف نوضعو الاكواد

    ردحذف
    الردود
    1. لازم تكون عارف علي الاقل HTML عشان تقدر تتعامل مع الاكواد دي.
      لكن وضحلي ايه اللي مش فاهمه وانا هحاول اساعدك !

      حذف

  2. لاا فهم ماذا تعني في
    كواد الميتا تاج تكون هنا
    اكواد الصفحة العادية تكون هنا

    ردحذف
    الردود
    1. المفروض بيكون عندك خلفية ولو بسيطة بال html واكن الموضوع سهل جدا.
      اي صفحة ويب بتكون عبارة عن اكواد داخل وسم html و /html.
      وبيكون داخل هذا الوسم وسمين اخرين هما وسم ال head ووسم ال body.
      وسم ال head يحتوي على كل وسوم ال Meta ووسوم اخري مثل وسم ال title وخلافة.
      اما وسم ال body فيحتوي على كافة اجزاء الصفحة المرئية مثل الكلام والصور وخلافة.
      انصحك ببدأ تعلم لغة ال html فهي لغة سهلة وبسيطة وستساعدك كثيراً في عالم الويب.

      حذف

خدماتي علي خمسات