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

الصفحات

كود ميتَا تَاج بلوجر 2018 بتَحديث جديد وشرح خصائص Meta Tag وطريقة التَركيب


اكواد الميتَا تَاج META TAG هي تَعريفاتَ برمجية بسيطة في مدونة بلوجر تَلعب دور هام في تَحسين seo لمدونتَك لمحركاتَ البحث لاكتَشاف صفحاتَ موقعك بسهولة ، وتَقدم blogger كود ميتَا تَاج افتَراضي مقفول لا يمكن التَعديل علية ينقصة بعض المميزاتَ ، ومن خلال هذه التَدوينة اقدم شرح مبسط لوظيفة كود ميتَا تَاج لمدونة بلوجر الذي يعمل علي تَهيئة ومساعدة عناكب البحث في التَعرف علي صفحاتَ موقعك بسهولة.

ما هي الميتَا تَاج Meta Tag؟

هي مجموعة من الاكواد البرمجية المخصصة لمحركاتَ البحث في رأس الموقع داخل <head> لا تَظهر للمستَخدمين لانها موجه بشكل مباشر الي روبوتَاتَ البحث والمتَصفح للتَعرف علي بيناتَ الصفحة، ويجب علي الجميع استَعمال أفضل كود ميتَا تَاج لمدونة بلوجر لتَحسين ظهور صفحاتَ الموقع في محركاتَ البحث.

ما هي أهمية اكواد الميتَا تَاج؟

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

مميزاتَ اضافة كود ميتَا تَاج بلوجر هذا:

  1. يعمل علي اصلاح اخطاء "أوصاف meta مكررة" و "علاماتَ عناوين مكررة".
  2. تَحسين عناوين الصفحاتَ بجميع صفحاتَ المدونة.
  3. انشاء وصف تَلقائى مسحوب من محتَوي المقالة.
  4. اعداد Social Media Meta Tag facebook and twitter.
  5. تَحديد لون مخصص لمتَصفحاتَ الجوال.
  6. تَهيئة كاملة لـMeta Tag .

تَعرف علي وظائف اكواد ميتَا تَاج بلوجر:

  • كود ميتَا تَاج بلوجر الافتَراضي ولا يمكن التَعديل علية.
<b:include data='blog' name='all-head-content'/>
  • تَحديد نوع المستَند والتَرميز لخوادم الويب text/html; charset=UTF-8.
<meta expr:content='"text/html; charset=" + data:blog.encoding' http-equiv='Content-Type'/>
  • تَحدد لون متَصفح الجوال (كروم، فايرفوكس وأوبرا OS) لون أزرار "العودة" و "التَالي" عند فتَح الموقع. 
<!-- كروم، فايرفوكس وأوبرا OS -->
<meta content='#ffffff' name='theme-color'/>
<!-- ويندوز فون -->
<meta content='#ffffff' name='msapplication-navbutton-color'/>
  • تَحديد نوع منصة التَدوين.
<meta content='blogger' name='generator'/>
  • صورة أيقونة Favicon تَظهر في المتَصفح.
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
  • رابط عناوين URL الأساسية للصفحة.
<link expr:href='data:blog.canonicalUrl' rel='canonical'/>
هام جدا للتَخلص من تَكرار ارشفة المحتَوي بروابط مختَلفة مثال:

https://www.kol7sry.news/2017/05/meta-all-head-content.html?m=0
https://www.kol7sry.news/2017/05/meta-all-head-content.html?m=1
https://www.kol7sry.news/2017/05/meta-all-head-content.html?showComment
https://www.kol7sry.news/2017/05/meta-all-head-content.html?fb_comment_id
  • اضافتَ روابط الخلاصة atom و rss .
<data:blog.feedLinks/>
  • التَوافق مع شاشاتَ اجهزة الجوال المختَلفة
<meta content='width=device-width,minimum-scale=1,initial-scale=1' name='viewport'/>
  • استَخراج عنوان الصفحة للموضيع والصفحاتَ والتَسمياتَ والبحث وصفحاتَ الخطاء.
<title><b:if cond='data:view.isPost or data:view.isPage or data:view.isHomepage'><data:view.title.escaped/><b:elseif cond='data:view.isSearch'/><b:if cond='data:view.search.label'><b:eval expr='data:view.search.label'/> - <data:blog.title/><b:elseif cond='data:view.search.query'/><b:eval expr='data:view.search.query'/> - <data:blog.title/></b:if><b:elseif cond='data:view.isArchive'/>أرشيف <data:blog.pageName/> - <data:blog.title/><b:else/>Page 404 - <data:blog.title/></b:if></title>
  • استَخراج وصف مخصص بشكل تَلقائي من المحتَوي.
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:view.description.escaped' name='description'/>
</b:if>

شرح طريقة تَركيب كود ميتَا تَاج بلوجر 2017 بدون اخطاء

  1. اذهب الي لوحة تَحكم المدونة.
  2. اذهب الي المظهر ثم تَحرير html.
  3. احفظ نسخة احتَياطية من القالب.
  4. تَاكد من عدم وجود هذا الكود <b:include data='blog' name='all-head-content'/> .
  5. احذف اكواد الميتَا تَاج القديمة المتَواجدة بعد <head> وفي بعض القوالب يكون علي هذا الشكل &lt;head&gt; .
  6. اضف كود ميتَا تَاج بلوجر الجديد هذا.
<meta expr:content='&quot;text/html; charset=&quot; + data:blog.encoding' http-equiv='Content-Type'/>
<meta content='#22558e' name='theme-color'/>
<meta content='#22558e' name='msapplication-navbutton-color'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
<data:blog.feedLinks/>
<link expr:href='data:blog.canonicalUrl' rel='canonical'/>
<meta content='width=device-width,minimum-scale=1,initial-scale=1' name='viewport'/>
<!-- [ 7sry-seo title ] -->
<title><b:if cond='data:view.isPost or data:view.isPage or data:view.isHomepage'><data:view.title.escaped/><b:elseif cond='data:view.isSearch'/><b:if cond='data:view.search.label'><b:eval expr='data:view.search.label'/> - <data:blog.title/><b:elseif cond='data:view.search.query'/><b:eval expr='data:view.search.query'/> - <data:blog.title/></b:if><b:elseif cond='data:view.isArchive'/>أرشيف <data:blog.pageName/> - <data:blog.title/><b:else/>Page 404 - <data:blog.title/></b:if></title>
<meta expr:content='data:blog.pageName ? data:blog.pageName : data:blog.title' name='title'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:view.description.escaped' name='description'/>
</b:if>
<link expr:href='data:view.featuredImage ? data:view.featuredImage : &quot;https://4.bp.blogspot.com/-XjkqNPaqoH8/WR-OtgHyq1I/AAAAAAAAMu8/jNLym6WbhuUFDil2ilKLvRlMIYwjMR-CgCLcB/s1600/no-image-mohamed-elgendy.jpg&quot;' rel='image_src'/>
<b:if cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'>
<link href='https://plus.google.com/+Kol7srycom' rel='publisher'/>
<meta content='https://www.facebook.com/kolhasry/' property='article:publisher'/>
<meta content='https://www.facebook.com/kolhasry/' property='article:author'/>
</b:if>
<!-- [ 7sry-seo Social Media Meta Tag facebook ] -->
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.pageName ? data:blog.pageName : data:blog.title' property='og:title'/>
<meta expr:content='data:view.description.escaped' property='og:description'/>
<b:if cond='data:view.featuredImage.isResizable'><meta expr:content='resizeImage(data:view.featuredImage.escaped, 1200, &quot;1200:630&quot;)' property='og:image'/><b:else/><meta content='https://4.bp.blogspot.com/-XjkqNPaqoH8/WR-OtgHyq1I/AAAAAAAAMu8/jNLym6WbhuUFDil2ilKLvRlMIYwjMR-CgCLcB/s1600/no-image-mohamed-elgendy.jpg' property='og:image'/></b:if>
<meta content='500' property='og:image:width'/>
<meta content='300' property='og:image:height'/>
<b:if cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'><meta content='article' property='og:type'/><b:else/><meta expr:content='data:blog.pageType' property='og:type'/></b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='ar_AR' property='og:locale'/>
<meta content='kolhasry' property='fb:pages'/>
<meta content='206121832791999' property='fb:app_id'/>
<meta content='mohamedalgandy' property='fb:admins'/>
<!-- [ 7sry-seo Social Media Meta Tag twitter ] -->
<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:blog.pageName ? data:blog.pageName : data:blog.title' name='twitter:title'/>
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta content='@mohamedalgandy' name='twitter:creator'/>
<meta expr:content='data:view.featuredImage ? data:view.featuredImage : &quot;https://4.bp.blogspot.com/-XjkqNPaqoH8/WR-OtgHyq1I/AAAAAAAAMu8/jNLym6WbhuUFDil2ilKLvRlMIYwjMR-CgCLcB/s1600/no-image-mohamed-elgendy.jpg&quot;' name='twitter:image'/>
<meta expr:content='data:view.description.escaped' name='twitter:description'/>
بعد الانتَهاء من التَركيب اذهب الي اعداداتَ ثم تَفضيلاتَ البحث ثم الوصف واختَار تَعطيل.

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