افضل اكواد ميتا تاج بلوجر 2022 | blogger meta tag
السلام عليكم ورحمة الله وبركاته اليوم جاي اشرح لكم عن اكواد الميتا تاج لمدونات بلوجر أو بمعني العلامات الوصفية لمحركات البحث meta tags seo واللتي تكون من أهم الاكواد التي يجب عليك دمجها في موقعك الالكتروني علي بلوجر لكي تحصل علي تصدر سريع في نتائج البحث جوجل وأيضا محركات البحث الأخري مثل ( bing - yahoo ).
ماذا تعني اكواد ميتا تاج - meta tag
اكواد الميتا meta هي عبارة عن اكواد من لغة HTML يتم وضعها بداخل عنصر <head> وهي لا تظهر في محتوي الصفحة لأن دورها الأساسي هو تنظيم هيكل المدونة وتهيئة مدونة بلوجر للتعرف من قبل محركات البحث لكي لكي تحصل علي زياراتك منها .
أهمية العلامات الوصفية - Meta tags seo
الميتا تاج توفر معلومات مهمة وتفصيلية عن مدونتك وترسلها لمحركات البحث للتعرف عليها بحيث تدخل الروبوتات الخاصة بمحركات البحث للتعرف علي محتوى مدونتك او موقعك وما هو تخصصه والافضل من ذلك أنه إذا قمت بإضافة هذه الاكواد بالشكل الصحيح سوف تساعدك علي تحسين أرشفة موقعك وتسريعها وتساعد في ضبط سيو موقعك في جميع المحركات وأيضا منع حظر موقعك في مواقع التواصل الاجتماعي اللتي سوف تستخدمها انت لزيادة جمهور مدونتك وأيضا التواصل مع متابعينك .
كيف أستطيع اضافة ميتا تاج في مدونتي أو موقعي ؟
هنا وفي هذا الموضوع سوف نتجه الي اضافة أكواد meta tags السليمة بالشكل الصحيح والتي يتوجب علينا استخدامه في بلوجر هيا الان لمعرفة طريقة اضافة اكواد الميتا لبلوجر
- توجه إلي لوحة تحكم مدونتك في موقع بلوجر
- حمل ملف اكواد الميتا (أسفل الترقيم)
- استعمل تحديد الكل وقم بالنسخ
- انقر علي خانة تعديل html
- قم بالبحث عن هذا الوسم <head/>
- قم بوضع اكواد الميتا تاج فوقه مباشرة
- شرح جزء الكود الرئيسي <!-- maine Code -->
العلامة الوصفية http-equiv='X-UA-Compatible' تساعد في تقديم الصفحات في متصفحات الويب القديمة IE وهنا تعني Internet Explorer 9 في حين أن المتصفحات الحديثة لا تهتم بهذا الكود وتعامله معاملة كأنه ليس موجود من الاصل وهناك في نفس السطر قيمة EmulateIE9 والتي تشير الي أن النسخة EmulateIE9 مستهدفة من قبل الكود مما يجعل موقعك يقبل جميع المتصفحات سواء كانت قديمة أو حديثة
العلامة الوصفية الثانية هي name='all-head-content'
علامة قياسية من علامات منصة بلوجر تعمل عمل مولد روابط feed أو التغذية والعناوين والوصف وخصائص تدعم قالب بلوجر المستخدم في مدونتك
العلامة الوصفية الثالثة name='google-analytics'
هي من اسمها واضح استخدامها لأن هي خاصة بأداة Google analytics فهي سوف تعمل تلقائيا بمجرد إضافتك معرف موقعك في المكان المناسب له في خانة إعدادات blogger
العلامة الوصفية الرابعة http-equiv='content-language'
هذه العلامة تم إعدادها للتعامل مع لغة المدونة وإخراجها ليتم عرضها على مدونتك في بلوجر مثال ar تعني اللغة العربية en تعني اللغة الإنجليزية
العلامة الوصفية الخامسة العلامة التي تحتوي على name='copyright' هي مختصة بإنساب حقوق المحتوي لك بحيث تقوم بتوليد اسم المدونة تلقائيا
العلامة الوصفية السادسة rel='canonical'
المعني منها هي الصفحة المتعارف عليها عند رفع قضايا المحتوي المكرر أو المسروق
العلامة الوصفية السابعة type='image/x-icon'
هي العلامة الخاصة برمز التفضيل الخاص لمدونتك وبمجرد وضع رمز تفضيل إلى مدونتك من الاعدادات سوف تعمل في هذا الكود مباشرة دون أي تدخل
الان انتهينا من تقديم العلامات الوصفية الخاصة بسمات المدونة لأجهزة الكمبيوتر . الان ننتقل إلى تقديم العلامات الخاصة سمات المدونة لأجهزة المحمول
- شرح الجزء <!-- device Mobile -->
العلامة الوصفية الأولى name='viewport'
هي سمة خاصة بالتجاوب وطريقة العرض على الأجهزة الذكية وهي تمنح القالب قابلية الاستخدام علي شاشات متعددة بدون أخطاء ويمكنك تعطيلها إذا كنت لا تحتاجها
- شرح جزء الـ <!-- adult Content -->
توجد هذه الخاصية داخل علامة شرطية b:if وهي من اختصاصها أن تقيم الصفحة إذا احتوت على محتوى خاص بالبالغين وهذه الخاصية إذا كنت تريدها أن تعمل يجب عليك أن تفعل ميزة محتوي مخصص للبالغين من اعدادات مدونتك علي blogger
- شرح <!-- skin color -->
العلامة الوصفية التي تحتوي علي السمة المكررة content='data:skin.vars.keycolor' وهي علامة معدة لاستخراج اللون الرئيسي للقالب وعرضها هو تلوين شريط الادوات بداية من الاصدار 39 من كروم chrome للنظام lollipop الخاص با اندرويد android
- شرح جزء <!-- hreflang URL -->
العلامات herflang للعناوين URL الخاصة باللغات والاقاليم المنتهية بالسمات التالية :
hreflang='en' rel='alternate'
hreflang='ar' rel='alternate'
hreflang='fr' rel='alternate'
hreflang='de' rel='alternate'
وهي غرضها استهداف اللغات المختلفة اللتي يُعرض بها القالب ومثال علي ذلك أن هناك بعض القوالب تدعم اللغات الأجنبية مثل سكويز به تعدد لغات
- شرح الجزء الخاص بـ <!-- SEO Title -->
هذا الكود بالكامل يقوم بضبط عناوين المدونة على علامة تبويب المتصفح وأيضا من اختصاصه توليد عناوين صفحات مدونتك وعرضها على تبويب المتصفح وهنا يأتي مثال على ذلك ( يقوم بكتابة عنوان المدونة و اسماء الصفحات ك صفحات الفهرس و صفحة الخطأ )
- شرح جزء <!-- facebook open graph -->
كل العلامات الوصفية التابعة لهذا العنوان هي التي تمكنك من النشر السليم بدون حظر على موقع فيسبوك وهذا سوف يجعل مدونتك لها ترتيب جيد
- شرح جزء <!-- twitter meta card -->
ايضا العلامات الوصفية التابعة لهذا العنوان هي مختصة بعدم حظر المنشورات علي تويتر اللتي تحتوي علي رابط مدونتك وهذا دائما يجلب لك زوار جدد من تويتر
- شرح <!-- author blogger -->
العلامة الوصفية التي تحتوي على 'GOOGLE-WEBMASTER-CODE' هي خاصة بأدوات مشرفي المواقع والتي من خلالها تستطيع إثبات ملكية موقعك ويمكنك تغيرها بالكود الخاص بك من Google search console
العلامة الوصفية التي تحتوي على 'FACEBOOK-APP-ID' هي خاصة بمعرف تطبيق فيس بوك id قم بوضع الرمز الخاص بك وهي تساعد في زيادة مصداقية موقعك في فيس بوك وجعله غير محظور
العلامة الوصفية التي تحتوي على'FACEBOOK-ADMIN-ID' هي خاصة بمعرف مدير تطبيقك على فيس بوك وهي نفس مميزات اللتي قبلها
العلامة الوصفية التي تحتوي على 'Name-author' هي الخاصة برابط حسابك في فيس بوك او رابط صفحة الموقع إذا كان الموقع القائم عليه عدة مدونين
العلامة الوصفية التي تحتوي على 'Name-publisher' هي اللتي تضع رابط صفحة الموقع على فيس بوك مكانها قم بوضع الرابط وهنا سوف يثق موقع فيس بوك بموقعك ولن يحظر لك اي منشور ابدا
العلامة الوصفية @NAME هي علامة خاصة بإسم المستخدم لحسابك في موقع تويتر وهذه العلامة مكررة مرتين في كود الميتا تاج سوف تستبدلها باسم المستخدم الخاص بك وهنا موقعك جاهز للتصدر على أكمل وجه ماذا تنتظر حمل الملف واجعل موقعك الافضل على الاطلاق واربح منه .!!
الى هنا أنهينا شرح موضوع الميتا تاج Meta tag وسوف نلتقي بكم في موضوع افضل منه قادم إن شاء الله لا تتردد في كتابة تعليق او إرسال لنا أي اقتراح فنحن دائما نقدر ذلك
تعليقات
إرسال تعليق