تركيب أفضل أكواد ميتا تاج بلوجر ضرورة حتمية لكل مدون أو ناشر على الويب فهي صلة الربط التي تمكّن محركات البحث Google Search و Bing و Yaho وغيرها من التعرف على محتوى موقعك الإلكتروني بشكل صحيح لكي تقوم بتقييم جودة المحتوى وبالتالي الحصول على تصنيف جيد في نتائج البحث.
بالتأكيد يوجد العديد من أنواع أكواد الـ Meta وتختلف جودتها حسب خبرة مطور الويب الذي صمم الواجهة التي تستخدمها، في العادة تأتي أكواد الميتا تاج مدمجة إفتراضياً إذا كنت تستخدم أحد قوالب بلوجر المدفوعة.
لاكن مع تحديثات جوجل والتغييرات المستمرة في أليات عمل الذكاء الإصطناعي لعناكب البحث فستحتاج كمنشئ محتوى أن تقوم دائماً بمواكبة التغييرات وتركيب أكواد Meta Tag جديدة تتناسب مع متطلبات المعايير المعمول بها.
شرح ما هي أكواد Meta Tag؟
أكواد Meta Tag هي عناصر برمجية مبنية على لغة HTML يتم تركيبها في رأس الصفحة تحت وسم <head> على مواقع الويب، تعمل أكواد الميتا تاج على تقديم معلومات حول موقعك لعناكب محركات البحث وهي ضرورية لتحسين السيو للمواقع والحصول على تصنيف جيد في النتائج على جوجل.
المعلومات التي تقدمها أكواد الميتا تاج لعناكب البحث
عند تركيب أكواد الميتا تاج Meta Tags على مدونتك Blogger تقوم العلامات الوصفية بتقديم جميع المعلومات التفصيلية لمحرك البحث حول مدونتك أو موقعك وهي كالتالي :
- إسم وعنوان الموقع الإلكتروني الخاص بك.
- رابط URL الخاص بالمنشور المطلوب أرشفته.
- لغة الموقع المستعملة والجغرافيا التي ينتمي إليها.
- أكواد Open Graph لعناكب مواقع التواصل الإجتماعي.
- الألوان التي تستخدمها في القالب على مدونتك بلوجر.
- كود View Port لتحديد نوع رابط الصفحة المناسبة (m=1) لكل من أجهزة الكمبيوتر المكتبية أو الهاتف.
- روابط الحسابات الإجتماعية الرسمية التابعة لموقعك.
- الأيقونة المصغرة Favorite Icon التي تظهر بجانب العنوان في نتائج البحث.
- الكلمات المفتاحية المستهدفة على مدونتك أو موقعك.
- نوعية وتصنيف المحتوى الذي تقوم بنشره.
- الأرشيف الخاص بالمشاركات والصفحات الثابتة.
تركيب أفضل أكواد ميتا تاج بلوجر
من أجل تركيب أكواد ميتا تاج بلوجر على القالب الخاص بك ستحتاج أولاً للتحقق أن القالب المستخدم لديك لا يتوفر على أي أكواد مركّبة بشكل مسبق وإن وُجدت قم بإزالتها ونضع بدالها أفضل أكواد الميتا تاج Meta Tags الإحترافية 2024 التي سنشرحها لكم.
إبحث بين وسمي <head> و <b:skin> وقم بإزالة أي أكواد ميتا تاج متواجدة في الوسط وبعد ذلك ضع أكواد الـ Meta الجديدة في نفس المكان.
كيف تضيف أكواد ميتا Tag على مدونتك
الخطوة 1: توجه إلى لوحة التحكم بلوجر.
الخطوة 2: في القائمة الجانبية إضغط المظهر.
الخطوة 3: إضغط السهم بجانب التخصيص تم تعديل HTML.
الخطوة 4: ضع الأكواد التالية مباشرة تحت وسم <head> وتأكد من إزالة أي أكواد سابقة كما شرحنا في الأعلى.
<!-- Title --> <title> <b:if cond='data:blog.pageType == "index"'> <data:blog.pageTitle/> <b:else/> <b:if cond='data:blog.pageType != "error_page"'> <data:blog.pageName/> - <data:blog.title/> <b:else/> 404 - <data:blog.title/> </b:if> </b:if> <b:if cond='data:view.isSingleItem or data:view.isHomepage'><b:elseif cond='data:view.isSearch'/><b:if cond='data:view.search.label'> - <data:blog.title/><b:elseif cond='data:view.search.query'/> - <data:messages.search/> <data:messages.at/> <data:blog.title/><b:else/><data:messages.latestPosts/> - <data:blog.title/></b:if><b:elseif cond='data:view.isArchive'/><data:messages.archive/> <data:blog.pageName/> - <data:blog.title/></b:if> </title> <!-- [ Cach ] --> <include expiration='7d' path='*.css'/> <include expiration='7d' path='*.js'/> <include expiration='3d' path='*.gif'/> <include expiration='3d' path='*.jpeg'/> <include expiration='3d' path='*.jpg'/> <include expiration='3d' path='*.png'/> <!--[ Meta for browser ]--> <meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport'/> <meta content='IE=edge' http-equiv='X-UA-Compatible'/> <meta content='max-image-preview:large' name='robots'/> <meta content='معرف صفحتك على فيسبوك' property='fb:page_id'/> <meta content='معرف تطبيق فيسبوك (إن كان متوفراً)' property='fb:admins'/> <meta content='@إسم حسابك تويتر' name='twitter:site'/> <meta content='@إسم حسابك تويتر' name='twitter:creator'/> <b:if cond='data:view.isSingleItem'> <meta content='رابط صفحتك على فيسبوك' property='article:publisher'/> <meta content='رابط صفحتك على فيسبوك مجدداً' property='article:author'/> </b:if> <meta expr:content='data:view.description.escaped' name='description'/> <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> <meta expr:content='"ar_AR"' property='og:locale'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/> <meta expr:content='data:blog.title' name='copyright'/> <meta expr:content='data:blog.blogId' name='BlogId'/> <meta content='blogger' name='generator'/> <link expr:href='data:view.url.canonical' rel='canonical'/> <link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/> <b:eval expr='data:blog.openIdOpTag'/> <b:eval expr='data:blog.feedLinks'/> <!--OPEN GRAPH--> <b:if cond='data:blog.pageType == "item"'> <meta content='article' property='og:type'/> <meta expr:content='data:blog.title' property='og:site_name'/> <meta expr:content='data:blog.pageName' property='og:title'/> <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.postImageThumbnailUrl' property='og:image'/> <b:else/> </b:if> </b:if> <b:else/> <meta expr:content='data:blog.pageTitle' property='og:title'/> <meta content='website' property='og:type'/> <meta content='resizeImage(data:blog.postImageUrl, 0)' property='og:image'/> </b:if> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' property='og:description'/> </b:if> <!-- Twitter Card--> <meta content='summary_large_image' name='twitter:card'/> <meta expr:content='data:blog.pageName' name='twitter:title'/> <meta expr:content='data:blog.url' name='twitter:url'/> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' name='twitter:description'/> <b:else/> <meta expr:content='data:post.snippet' name='twitter:description'/> </b:if> <b:if cond=' data:blog.postImageUrl'> <meta expr:content=' data:blog.postImageUrl' name='twitter:image'/> </b:if> <!-- DNS Prefetech --> <meta content='on' http-equiv='x-dns-prefetch-control'/> <link href='//www.blogger.com' rel='dns-prefetch'/><link href='//1.bp.blogspot.com' rel='dns-prefetch'/><link href='//28.2bp.blogspot.com' rel='dns-prefetch'/><link href='//3.bp.blogspot.com' rel='dns-prefetch'/><link href='//4.bp.blogspot.com' rel='dns-prefetch'/><link href='//2.bp.blogspot.com' rel='dns-prefetch'/><link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/><link href='//use.fontawesome.com' rel='dns-prefetch'/><link href='//ajax.googleapis.com' rel='dns-prefetch'/><link href='//resources.blogblog.com' rel='dns-prefetch'/><link href='//www.facebook.com' rel='dns-prefetch'/><link href='//twitter.com' rel='dns-prefetch'/><link href='//www.youtube.com' rel='dns-prefetch'/><link href='//feedburner.google.com' rel='dns-prefetch'/><link href='//www.pinterest.com' rel='dns-prefetch'/><link href='//www.linkedin.com' rel='dns-prefetch'/><link href='//feeds.feedburner.com' rel='dns-prefetch'/><link href='//platform.twitter.com' rel='dns-prefetch'/><link href='//apis.google.com' rel='dns-prefetch'/><link href='//connect.facebook.net' rel='dns-prefetch'/><link href='//c.disquscdn.com' rel='dns-prefetch'/><link href='//disqus.com' rel='dns-prefetch'/><link href='//cdnjs.cloudflare.com' rel='dns-prefetch'/><link href='//www.google-analytics.com' rel='dns-prefetch'/><link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/><link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/><link href='//www.gstatic.com' rel='preconnect'/><link href='//www.googletagservices.com' rel='dns-prefetch'/><link href='//static.xx.fbcdn.net' rel='dns-prefetch'/><link href='//tpc.googlesyndication.com' rel='dns-prefetch'/><link href='//syndication.twitter.com' rel='dns-prefetch'/> <!-- end meta tags -->
شاهد أيضاً
الخطوة 5: قم بتغيير الخانات التي علمنا عليها بالأزرق على أكواد الميتا Tag واملأها بمعلومات موقع الويب الخاص بك واضغط حفض بعد الإنتهاء.
نصائح يجب إتباعها للتوافق مع معايير SEO القياسية
طول العنوان Title: تفضل جوجل المدونات التي تحتوي على عنوان وصفي يوضح مجال الموقع وينصح بأن يكون طول العنوان بين 18 إلى 64 حرف كحد أقصى.
وصف البحث Description: فقرة مقتطفة يجب أن تحتوي على شرح كامل ومفصل لنوعية المحتوى الذي تقدمه، بحد أقصى 150 حرفًا.
رابط الموقع Domain site: هو النطاق الخاص بموقعك ويجب أن يعبر عن النيتش (Nishe)، على سبيل المثال : car.com إذا كنت تكتب محتوى عن السيارات.
ملفات السيت ماب Sitemap: يجب إرسال ملفات السايت ماب الضرورية sitemap.xml على جوجل سيرش كونسول لتسهيل زحف عناكب بحث جوجل لمدونتك وأرشفتها.
ملف الروبوت تكست Robots.txt: من الضروري تقديم ملف روبوت تكست مخصص لموقعك، وإذا لم تكن تعرف فوائده وطريقة إستخدامه فشاهد طريقة إنشاء ملف روبوت تكست مخصص التي شرحناها سابقاً.
أفضل أكواد Meta Tags: يجب التأكد من أن الواجهة التي تستخدمها على مدونتك مزودة بأحدث و أفضل أكواد ميتا تاح بلوجر المتوافقة مع متطلبات الزحف والأرشفة.
طريقة فحص جودة أكواد Meta Tag المستخدمة
إذا كنت تمتلك موقع وترغب في معرفة مدى جودة العلامات الوصفية (Meta Tags) التي تستخدمها على مدونتك فننصحك باستخدام SEO Check للفحص الدقيق.
- قم بالتوجه إلى موقع Seobility.
- ضع رابط URL لموقعك في الخانة المخصصة.
- إضغط Analyse website لبدئ الإختبار.
بعد إنهاء فحص جودة أكواد Meta Tag قم بتمرير الصفحة قليلاً للأسفل وستلاحض نسبة مئوية معينة على الميتا انفورميشن Meta information إن وجدتها (100٪) فهذا جيد ويعني أن أكواد ميتا تاكس تقدم كافة المعلومات المطلوبة لتحسين السيو الخاص بك على نتائج محركات البحث Search engine.
وإلى هنا ينتهي شرح تركيب أكواد الميتا تاج التعريفية على مدونة بلوجر ، أتمنى أن يكون الشرح قد أفادك .. شاركنا تساؤلاتك أو المشاكل التي واجهتها في التعليقات.
إشرح نت هو الدليل الأكثر شمولاً لتعلم المعرفة التقنية وشروحات عالم الإنترنت.