يُعد تحسين علامات التعريف أو meta tag أفضل طريقة لتوفير معلومات الموقع لمحركات البحث مثل Google و Bing وغير ذلك. ليس فقط أن العلامات الوصفية هي واحدة من أهم المكونات التي يجب تطبيقها في موقعك او مدونتك باعتبارها الخطوة الأساسية لتحسين محركات البحث على الصفحة.

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

ما مدى أهمية العلامات الوصفية Meta Tag؟

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

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

ما يجب أن يكون في علامة الوصفية Meta Tag؟

أكثر العلامات الوصفية القياسية هي العلامات الوصفية التي توفر بعض المعلومات المهمة مثل عنوان الموقع والأوصاف والكلمات الرئيسية والصور المصغرة.

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

فرصتك الوحيدة هي زيادة علامات التعريف الخاصة بك عن طريق إضافة بعض الأكواد الأخرى التي لا تقل أهمية في تحسين جودة موقعك. إذن ما هي الأشياء التي تحتاج إلى إضافتها إلى موقعك؟ انظر الشرح أدناه:

Meta Open Graph
مصادر حركة المرور لموقع ليس فقط من محركات البحث ، بل معظمها مصدرها وسائل التواصل الاجتماعي. من المهم أيضًا تقديم ملخص لمعلومات موقعك إلى وسائل التواصل الاجتماعي مثل Facebook و Twitter وما إلى ذلك. الحيلة هي إضافة علامة Meta Open Graph إلى موقعك.
Site Authority
يحتوي على معلومات ملكية موقع ما ، مثل اسم منشئ الموقع ، ورابط لمعلومات مالك الموقع ، ورمز التحقق من مشرف الموقع وما إلى ذلك.

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

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

كيف يبدوا كتابة كود ميتا تاج جيد لموقعك؟

لا يقتصر الأمر على توفير معلومات كاملة فحسب ، بل يتم ترتيب العلامات الوصفية الجيدة بسهولة ويسهل فهمها من قبل مالك الموقع نفسه ، ومن خلال ترتيب هيكل العلامة الوصفية لموقعك ، لن تواجه أي مشكلة في تحريرها أو تغييرها عند الحاجة لاحقًا.

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

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

الصق رمز العلامة الوصفية أدناه في قسم <head> ... </head> في موقعك أو مدونتك ، أو استبدل علامة التعريف التي استخدمتها سابقًا بعلامة التعريف التالية:

  <!-- Blog Title -->
  <b:if cond='data:view.isError'><title>خطأ 404: الصفحة غير موجوده</title></b:if>  
  <b:if cond='data:view.isHomepage'><title><data:blog.pageTitle/></title></b:if>
  <b:if cond='!data:view.isMultipleItems'><title><data:blog.pageName/></title></b:if>
  <b:if cond='data:view.isMultipleItems'>
    <b:if cond='data:view.search.query'><title>البحث : <data:view.search.query/></title></b:if>
    <b:if cond='data:view.search.label'><title><data:blog.pageName/> - <data:blog.title/></title></b:if>
    <b:if cond='data:view.isArchive'><title>أرشيف المدونة في:<data:blog.pageName/></title></b:if>
    <b:if cond='data:view.search and !data:view.search.label and !data:view.search.query and !data:view.isArchive'><title>المدونة : <data:blog.title/></title></b:if>
  </b:if>

  <!-- Meta Title -->
  <b:if cond='data:view.isMultipleItems'>
  <meta expr:content='data:blog.pageTitle' property='og:title'/>
  <meta expr:content='data:blog.pageTitle' property='og:image:alt'/>
  <meta expr:content='data:blog.pageTitle' name='twitter:title'/>
  <meta expr:content='data:blog.pageTitle' name='twitter:image:alt'/>
  <b:else/>
  <meta expr:content='data:blog.pageName' property='og:title'/>
  <meta expr:content='data:blog.pageName' property='og:image:alt'/>
  <meta expr:content='data:blog.pageName' name='twitter:title'/>
  <meta expr:content='data:blog.pageName' name='twitter:image:alt'/>
  </b:if>
  <meta expr:content='data:blog.title' property='og:site_name'/>

  <!-- Meta Image -->
  <b:if cond='data:blog.postImageUrl'>
    <meta expr:content='data:blog.postImageUrl' property='og:image'/>
    <b:else/>
    <b:if cond='data:blog.postImageThumbnailUrl'>
      <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
      <b:else/>
      <meta content='logo-blog.png' property='og:image'/>
    </b:if>
  </b:if>
  <b:if cond='data:view.isMultipleItems'>
    <meta content='logo-blog.png' name='twitter:image'/>
    <b:else/>
    <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
  </b:if>
  <b:if cond='data:view.isPost'>
    <link expr:href='resizeImage(data:blog.postImageUrl, 700)' rel='image_src'/>
  </b:if>

  <!-- Meta Description -->
  <meta expr:content='data:blog.metaDescription' name='description'/>
  <b:if cond='data:blog.metaDescription'>
    <meta expr:content='data:blog.metaDescription' property='og:description'/>
    <b:else/>
    <meta expr:content='data:post.snippet' property='og:description'/>
  </b:if>
  <meta expr:content='data:blog.metaDescription' name='twitter:description'/>

  <!-- Meta Keywords -->
  <meta expr:content='data:blog.title + ", " + data:blog.pageName' name='keywords'/>
  <meta expr:content='data:blog.title' property='article:tag'/>

  <!-- Meta Link -->
  <link expr:href='data:blog.url' rel='canonical'/>
  <link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
  <meta expr:content='data:blog.canonicalUrl' property='og:url'/>

  <!-- Meta Owner -->
  <meta content='أسم صاحب الموقع' name='Author'/>
  <link href='https://www.facebook.com/userfb' rel='me'/> // رابط ملفك الشخصي على Facebook
  <link href='https://www.facebook.com/userfb' rel='author'/> // رابط ملفك الشخصي على Facebook
  <link href='https://www.facebook.com/linkFanspage' rel='publisher'/> // رابط صفحة المعجبين بك ، إن وجد ، يرجى استبداله برابط الملف الشخصي
  <meta content='000000000000999' property='fb:admins'/> // رمز ملفك الشخصي على Facebook
  <meta content='000000000000999' property='fb:pages'/> // شفرة صفحة المعجبين الخاصة بك على Facebook ، إن وجدت
  <meta content='00000000000099988' property='fb:app_id'/>
  <meta content='https://www.facebook.com/000000000000999' property='article:author'/> // رابط ملفك الشخصي على Facebook
  <meta content='https://www.facebook.com/000000000000999' property='article:publisher'/> // رابط صفحة المعجبين بك ، إن وجد
  <meta content='@user.twitter' name='twitter:site'/>
  <meta content='@user.twitter' name='twitter:creator'/>
  <meta expr:content='data:blog.title' name='copyright'/>

  <!-- Meta Icon -->
  <link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
  <link href='.../s300/logo-blog.png' rel='apple-touch-icon'/>
  <link href='.../s57/logo-blog.png' rel='apple-touch-icon' sizes='57x57'/>
  <link href='.../s72/logo-blog.png' rel='apple-touch-icon' sizes='72x72'/>
  <link href='.../s76/logo-blog.png' rel='apple-touch-icon' sizes='76x76'/>
  <link href='.../s114/logo-blog.png' rel='apple-touch-icon' sizes='114x114'/>
  <link href='.../s120/logo-blog.png' rel='apple-touch-icon' sizes='120x120'/>
  <link href='.../s144/logo-blog.png' rel='apple-touch-icon' sizes='144x144'/>
  <link href='.../s152/logo-blog.png' rel='apple-touch-icon' sizes='152x152'/>
  <link href='.../s180/logo-blog.png' rel='apple-touch-icon' sizes='180x180'/>

  <!-- Meta Theme Color -->
  <meta content='#fff' name='theme-color'/>
  <meta content='#fff' name='msapplication-navbutton-color'/>
  <meta content='#fff' name='apple-mobile-web-app-status-bar-style'/>
  <meta content='yes' name='apple-mobile-web-app-capable'/>

  <!-- Meta Blogger Rss -->
  <meta content='blogger' name='generator'/>
  <link href='https://www.blogger.com/openid-server.g' rel='openid.server'/>
  <link expr:href='data:blog.url' rel='openid.delegate'/>
  <link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
  <link expr:href='"//www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
  <link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>

  <!-- Meta Open Graph -->
  <meta content='article' property='og:type'/>
  <meta content='id_ID' property='og:locale'/>
  <meta content='en_US' property='og:locale:alternate'/>
  <meta content='en_GB' property='og:locale:alternate'/>
  <meta content='summary_large_image' name='twitter:card'/>

  <!-- Meta Robots Search -->
  <meta content='width=device-width, initial-scale=1.0, user-scalable=1.0, minimum-scale=1.0, maximum-scale=5.0' name='viewport'/>
  <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  <meta content='all-language' http-equiv='Content-Language'/>
  <meta content='IE=Edge' http-equiv='X-UA-Compatible'/>
  <meta content='Egypt' name='geo.placename'/>
  <meta content='eg' name='geo.country'/>
  <meta content='EG_AR' name='geo.region'/>
  <meta content='ar' name='language'/>
  <meta content='global' name='target'/>
  <meta content='global' name='distribution'/>
  <meta content='general' name='rating'/>
  <meta content='1 days' name='revisit-after'/>
  <meta content='true' name='MSSmartTagsPreventParsing'/>
  <meta content='index, follow' name='googlebot'/>
  <meta content='follow, all' name='Googlebot-Image'/>
  <meta content='follow, all' name='msnbot'/>
  <meta content='follow, all' name='Slurp'/>
  <meta content='follow, all' name='ZyBorg'/>
  <meta content='follow, all' name='Scooter'/>
  <meta content='all' name='spiders'/>
  <meta content='all' name='WEBCRAWLERS'/>

  <!-- Owner Sife Verification -->
  <meta content='xxxxxxxxxxxxxxxxx_g' name='google-site-verification'/>
  <meta content='xxxxxxxxxxxxxxxxx' name='msvalidate.01'/>
  <meta content='xxxxxxxxxxxxxxxxx' name='p:domain_verify'/>
  <meta content='xxxx_xxxxx-xxxxxxx' name='majestic-site-verification'/>

دليل الوصف والاستخدام

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


  • <!-- Blog Title -->
    تعمل مجموعة العلامات الأولى هذه على عرض عنوان موقع أو صفحة معينة على المدونة في نتائج البحث. على سبيل المثال ، إذا تم نشر مقال جديد ، فسيتم كتابة عنوان المقال تلقائيًا في هذا الرمز ، ويمكن رؤية مثال علي النتائج في محرك البحث في الصورة أدناه:


    القواعد أو الشروط الواردة في هذه العلامة تشمل:
    cond='data:view.isError'
    يعرض السطر الأول العنوان في صفحة الخطأ 404 لموقعك. بشكل افتراضي ، تكون النتيجة المعروضة هي خطأ 404: الصفحة غير موجودة ، يمكنك استبدالها بعنوان آخر حسب الرغبة ، على سبيل المثال آسف! الصفحة غير موجودة أو غير ذلك

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

    <b:if cond='data:view.isHomepage'><title><data:blog.pageTitle/> : عنوان إضافي</title></b:if>
    


    والنتيجة مثال الصورة أدناه:

    يبدو الأمر بسيطًا ، لكن يمكن أن يزيد ذلك من قوة الكلمات الرئيسية المستهدفة في موقعك.

    cond='!data:view.isMultipleItems'
    يعرض عنوان صفحة المنشور والصفحة الثابتة ، الشيء الوحيد الذي سيتم عرضه هو عنوان منشور المدونة الخاصة بك ، ولكن هناك بعض المدونات التي تضيف أيضًا عنوان مدونتها في هذا القسم كتعزيز لكلماتها الرئيسية للمدونة على سبيل المثال على النحو التالي:

    ما هي الـJavascript وكيف تعمل ؟ - مينت ويب

    إذا كانت مدونتك تعرض أيضًا عنوانًا مثل العنوان أعلاه ، فغيّر سطر الكود هذا إلى:

    <b:if cond='!data:view.isMultipleItems'><title><data:blog.pageName/> - <lt;data:blog.title/></title></b:if>
    


    يمكنك تغيير الشرط أعلاه بعلامات أخرى تعتقد أنها مناسبة ، مثل: أو |

    cond='data:view.isMultipleItems'
    عرض العنوان على صفحة فهرس المدون (بخلاف الصفحة الرئيسية والنشر والصفحات الثابتة) التي تم وضع علامة على المدون / البحث فيها على عنوان url ، هناك 4 شروط مكتوبة لعرض عناوين مختلفة على صفحة فهرس مدونتك بما في ذلك:

    بحث: استعلام البحث - يعرض عنوان صفحة البحث في مدونتك ، ستظهر تلقائيًا أي كلمة رئيسية يكتبها المستخدم في هذا العنوان ويمكنك أيضًا تغيير كلمة البحث: في هذا السطر بكلمات أخرى مثل نتائج البحث: أو كلمات أخرى. أمثلة لتطبيق هذا الرمز الذي يمكنك رؤيته في هذه الصفحة.

    اسم التصنيف - عنوان المدونة - يعرض عنوان صفحة التصنيف في مدونتك ، إذا نقر المستخدم على رابط التصنيف في مدونتك ، فسيتم عرض هذا القسم كعنوان.

    أرشيف المدونة في: كانون الثاني (يناير) 2020 - هذا القسم اختياري ، مما يعني أنه يمكنك تطبيقه أم لا ، ولكن إذا قمت بتنشيط ميزة الأرشيف أو إضافة أداة أرشيفية إلى مدونتك ، فسيظهر هذا العنوان عندما ينقر المستخدم على صفحة أرشيف المدونة الخاصة بك.

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

    يختار معظم المدونين حظر هذه الصفحة لتظهر في نتائج البحث ، ولكن لا يزال هذا الإعداد يستحق المحاولة لزيادة تحسين مظهر عنوان صفحة المدونة الخاصة بك.
  • <!-- Meta Image -->
    تعمل علامة meta tag هذه على عرض مقتطف مصغر / صورة لمدونتك ، وفي صفحة النشر ، يكون مقتطف الصورة الموضح في هذا القسم هو الصورة الأولى لمقالتك.

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

    <meta content='logo-blog.png' property='og:image'/>
    
    / قم بتغييره من خلال رابط مدونتك ، على سبيل المثال النتائج أدناه
    <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQMqSeWUEG6bXvxOhkEIcLkrXF_9vDCPLN9-jhxIf8aL9I8Z49U_RgnCtCXxfgGkc-noiBQ8rRP-kkJknh3SW5bwvP0_lGjgq2-x2ClwgUDzcqaGA-Oqj6PRUBidUKA9t4oQPf6XmRoUpo/s1600-rw/imintweb.com-logo.png' property='og:image'/>
    

  • <!-- Meta Description -->
    إحدى الطرق لتحسين Onpage Seo هي إضافة وصف للمدونة في كل صفحة ، وسيتم عرض هذا الوصف في نتائج البحث في أسفل عنوان المدونة كما هو موضح أدناه:


    لذلك ، أضف وصفًا للبحث قدر الإمكان في كل منشورات لمقالاتك ، على المدونين عند كتابة المقالات ، يمكنك الانتقال إلى الحقل الصحيح والنقر على "وصف البحث" ، للحصول على مزيد من التفاصيل التي يمكنك مشاهدتها في الصورة أدناه:


    إحدى مزايا العلامات الوصفية التي يتم مشاركتها في هذا الوقت هي تقديم وصف بديل عند عدم كتابة وصف على المدونة. في حالة عدم وجود وصف في منشور ، سيتم تلقائيًا عرض الفقرة الأولى من المنشور كصف للمدونة.
  • <!-- Meta Owner -->
    يحتوي على معلومات حول بيانات الملكية للمدونات أو المواقع ، ويمكن أن يكون أفراد أو مجموعات. يرجى ملئ هذا الجزء الذي تم وضع علامة في هذه العلامة مع بياناتك.
  • <!-- Meta Icon -->
    وظيفة لعرض الأيقونة على منصة IOS ، يرجى استبدال الجزء الذي تم وضع علامة عليه بعنوان url الخاص بشعار مدونتك ، وكذلك تغيير حجم شعارك عن طريق تغيير / s1600-rw / جزء من عنوان url الخاص بالمدونة بالحجمالذي هو المدرجة في كود الميتا تاج أعلاه.
  • <!-- Meta Theme Color -->
    تغيير رمز اللون الذي تم وضع علامة عليه في سطر الرمز هذا مع اللون السائد لمدونتك ، يعمل هذا القسم على تغيير لون شريط العناوين على متصفح Google Chrome على Android أو متصفح Safari على iOS
  • <!-- Meta Robots Search -->
    تعمل مجموعة العلامات الوصفية هذه على جعل نتائج البحث أكثر دقة وأسرع ، إذا كانت مدونتك باللغة العربية فلا يوجد شيء يمكن تغييره في هذا القسم ، ولكن إذا كانت المدونة التي تديرها بلغة أخرى ، فيمكنك ضبطها على اللغة التي تستخدمها مدونتك
  • <!-- Owner Sife Verification -->
    يعمل هذا الجزء الأخير على التحقق من ملكية الموقع أو المدونة في بعض المواقع. يوجد في هذا الرمز 4 رموز تحقق ، بما في ذلك التحقق من Google Webmaster / Search Console و Bing Webmaster و Pinterest Site Verification .
إلي هنا ينتهي شرح اليوم عن أفضل  كود ميتا تاج 2020 صديق لمحركات البحث لبلوجر اذا كان  لديك أي مشكلة في تطبيق أي من الأكواد الموجوده أعلاه لأ  تتردد في طرح سوؤالك في العليقات وشكراً لكم متابعين مينت ويب.
اقرأ أيضًا: