إضافة أكواد ميتا تاج لمدونة بلوجر وشرح وظيفتها

القائمة الرئيسية

الصفحات

[LastPost]

إضافة أكواد ميتا تاج لمدونة بلوجر وشرح وظيفتها

التحديثات الجديدة التي طرأت على مدونات بلوجر جعلت من السهل فهم محتوى المدونة من خلال أكواد الميتا تاج، وهي عبارة عن مجموعة أكواد توضح كبفبة عرض المدونة على محركات البحث، من خلال السماح  لروبوتات أو عناكب البحث من فهم محتوى مدونتك بسهولة يالإضافة إلى بعض الوظائف الأخرى.

إضافة أكواد ميتا تاج لمدونة بلوجر وشرح وظيفتها

بدأنا معاً سلسلة كيف تبدأ التدوين في 2020، والآن اعتقد انك تمتلك مدونة بلوجر إحترافية. في المقال السابق تعرفنا على كيفية ضبط إعدادات مدونة بلوجر وتهيئتها لمحركات البحث. حان الوقت لنتعلم بعض الأسرار الجديدة حول كيفية إضافة أكواد ميتا تاج احترافية لمدونة بلوجر وشرح وظيفتها فمرحباً بكم أيها الرائعون.

أكواد ميتا تاج - ما هي؟

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

وظائف أكواد ميتا تاج

أولاُ: التحكم في طريقة عرض موقع/مدونتج في نتائج البحث:
 الكود التالي للتحكم في شكل نتيجة البحث في محركات البحث، والعلامة (-) هي الفاصل بين عنوان المقال واسم الموقع ويمكن تغيرها:
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

فأنت تحتاج إلى ضبط إعدادت أكواد ميتا تاج للتحكم في كيفية عرض مدونتك في محركات البحث، مثل أن يظهر اسم المقال ثم علامة ( - أو / أو : أو |) ثم اسم المدونة كما توضح الصورة بالأسفل:


إضافة أكواد ميتا تاج لمدونة بلوجر وشرح وظيفتها
كما نلاحظ الصورة السابقة هي من محرك بحث جوجل، والذي يتحكم في ظهورها بهذا الشكل هو كود ضمن أكواد ا لميتا تاج، ودلالات الصورة كالتالي:
  1. يشير إلي عنوان المقال أو الصفحة وهي هنا "طريقة انشاء صفحة اتصل بنا".
  2. الفاصل (-) ويمكن تغيره ويفصل بين عنوان المقال و اسم الموقع.
  3. ويشير إلى اسم الموقع وهو هنا "من الصفر".
ثانياً: إضافة وصف المدونة والكلمات المفتاحية لها:

 الكود التالي مخصص لإضافة وصف المدونة والكلمات المفتاحية لها:
<b:if cond='data:blog.pageType == &quot;index&quot;'>
    <meta content='ضع وصف للمدونة هنا' name='description'/>
    </b:if>
    <meta content='الكلمة الأولى، الكلمة الثانية، الكلمة الثالثة ' name='keywords'/>

تعمل اكواد الميتا تاج على إضافة وصف الموقع (وصف مختصر لما يقدمه موقعك)  والكلمات الدلالية له، وهي كلمات يفصل بينها الفاصلة (،) لإخبار محركات البحث بمحتوى موقعك والنيتش الذي يدور حوله.

ثالثاً: أكواد توثيق الدومين للمواقع الإجتماعية

<meta content='معرف تطبيق موقعك لتوثيق الدومين' property='fb:app_id'/>
    <meta content='معرف حسابك الشخصى على الفيس بوك' property='fb:admins'/>
    <meta content='@معرف حسابك على تويتر' name='twitter:site'/>
    <meta content='@معرف حسابك على تويتر ' name='twitter:creator'/>  

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

كيفية إضافة أكواد الميتا تاج في مدونة بلوجر 

لإضافة أكواد الميتا تاج لدونات بلوجر، قم باتباع الخطوات التالية:

  1. من لوحة تحكم مدونتك انقر على المظهر.
  2. انقر على تعديل HTML، كما توضح الصورة بالأسفل:
إضافة أكواد ميتا تاج لمدونة بلوجر وشرح وظيفتها


ستلاحظ ظهور صفحة تحرير قالب مدونتك، خذ نسخة من القالب كما تعلمت في مقال كيف تبدأ التدوين في 2020 أو حدد الكود الذي يظهر أمامك وانسخه واحفظه بصيغة xml تجنباً لحدوث أي أخطاء.

لإضافة كود الميتا تاج قم باتباع التالي:

انسخ الكود التالي:


<!-- Title -->
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

<!-- Description and Keywords (start) -->
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
     <meta content='ضع وصف للمدونة هنا' name='description'/>
    </b:if>
    <meta content='الكلمة الأولى، الكلمة الثانية، الكلمة الثالثة ' name='keywords'/>
    <!-- Description and Keywords (end) -->

   <!-- Social Media meta tag need customer customization -->
<!-- Open Graph -->
<b:include name='OpenGraph'/>
<!-- Twitter Card -->
<b:include name='TwitterCard'/>
<!-- DNS Prefetch -->
<b:include name='DNSPrefetech'/>

<!-- Feed Links -->
<b:eval expr='data:blog.feedLinks'/>   
<meta content='معرف تطبيق موقعك لتوثيق الدومين' property='fb:app_id'/>
    <meta content='معرف حسابك الشخصى على الفيس بوك' property='fb:admins'/>
    <meta content='@معرف حسابك على تويتر' name='twitter:site'/>
    <meta content='@معرف حسابك على تويتر ' name='twitter:creator'/>  

 إلصق الكود في قالب مدونتك بين  وسمي <head>  يلصق الكود هنا</head>، ولكن انتظر، يجب البحث على الكود المشابه للكود السابق أولاً وحذفه.

انتبه!: لا تنسي تغيير الكلمات باللون الأزرق بالمعلومات الخاصة بموقعك، أو الصفحات على المواقع الإجتماعية.

قم بالبحث عن <b:skin><![CDATA[/* وستجد كود الميتا تاج الحالي فوقه مباشرة، كما توضح الصورة بالأسفل:

إضافة أكواد ميتا تاج لمدونة بلوجر وشرح وظيفتها

أعتقد أن الصورة تشرح نفسها ولمزيد من الإيضاح، إليك دلالات الأرقام على الصورة:
  1. ابحث عن هذا الكود   <b:skin><![CDATA[/* 
  2. ستجد كود مماثل للكود المحدد قم بتحديده كما بالصوررة واحذفه، والصق الكود المرفق بالأعلى مكانه.
  3. انقر على حفظ. 
 الآن فقط يمكنني أن أثول لك مبروك!، لقد تمكنت من إضافة أكواد ميتا تاج إحترافية إلى مدونتك، بعض الأكواد تسحب هذه المنعلومات تلقائياً ولكن، يفضل إضافة الكود بنفسك كما أشرنا.

خلاصة القول

تعد أكواد ميتا تاج غاية الأهمية بالنسبة للمواقع والمدونات، وقد وضحنا بشئ من التفصيل كيفية إضافة كود إحترافي إلى مدونة بلوجر لتحسين ظهروها في محركات البحث وتوثيق الدومين في مواثع السوشيال ميديا لحمايته من الحظر، كما أن الكود يوضح كيفية سحب المعلومات من المقال عند النشر او المشاركة في السوشيال ميديا.
هل اعجبك الموضوع :