ماهي اكواد الميتا تاج وكيفية اضافتها في موقعك؟
اليوم مقال مخصص للمبرمجين وأصحاب المواقع بخصوص أكواد الميتا تاج , سنقوم اليوم بتعريفها وشرح كيفية اضافتها في الموقع وماهي استخداماتها واهميتها للمواقع , اكواد الميتا تاج هي اكواد يجب ان تضعها لموقعك أيا كان المنصة , الميتا تاج تعرف باسم العلامات الوصفية وهي اكواد تصف معلومات عن موقعك وتكتب بلغة HTML , وتتجدد اكواد الميتا تاج مع تحديث خوارزميات جوجل ولكن توجد أكواد اساسية في الميتا تاج مثل كود العنوان ووصف الموقع ونوع المحتوي وكود viewport . ولكي نبسط الامور أكثر اليك هذا المثال :-
<title>how to add meta tags</title>
هذا المثال المكتوب في الأعلي , هل تعلم ماهو هذا الكود ؟ هذا الكود هو كود ميتا تاج يعرف أو يشير الي عنوان الصفحة , هل هذا الكود مهم ؟ نعم هذا الكود له اهمية كبيرة جدا وهي انه يخبر محركات البحث باسم الصفحة. اذا هذا كان كود TITLE الذي يعرف عنوان الصفحة اليك هذا المثال التالي :-
<meta name="description" content="what is wordpress.">
هذا كود ال Description او كود الوصف , هذا الكود ملخص مختصر وموجز لما يمكن العثور عليه في الصفحة ، هذا هو وصف الصفحة الذي يظهر أسفل عنوان الموقع والرابط الخاص بالموقع. وهذا الكود مهم جدا ايضا ويجب اضافته لأن إذا تركت الأمر لـ محرك البحث وليكن جوجل مثلا لصياغة وصف الموقع ، فمن المحتمل ألا يكون أكثر من أول 160 حرفًا لما تجده هناك. وإذا كانت لديك إعلانات في الجزء العلوي من الصفحة ، أو نص بديل للصورة ، أو أي شيء آخر يمكن أن تقرأه أجهزتها ، فقد تتعثر مع وصف تعريفي سيء.هذا كان كود الوصف الخاص بمحتوي موقعك ويجب ان يكون مختصرا .
<meta name="viewport" content="width=device-width, initial-scale=1">
مقال مهم :- أفضل ملف robots txt ووردبريس لتحسين موقعك
كود Viewport هو كود بسيط ويوفر توجيهًا حول كيفية عرض جوجل لموقعك على جميع الأجهزة من حيث التجاوب ، كود مهم ايضا ويفضل اضافته .
من انواع أكواد الميتا تاج هي اكواد الاوبن جراف او opengraph وهي أكواد خاصة بمعلومات موقعك في مواقع التواصل الاجتماعي مثل هذا الكود :-
<meta property="og:type" content="article" /> <meta property="og:title" content="robots-txt-for-wordpress" /> <meta property=”og:description” content="what is best robots-txt-for-wordpress/> <meta property="og:image" content="https://yourwebsite.com/media/png/" /> <meta property="og:url" content="https://yourwebsite.com/blog/robots-txt-for-wordpress/" /> <meta property=”og:site_name” content="My Website" />
هذا الكود هو كود opengraph مهمتة هي اخبار العلامات الوصفية لـ فيسبوك و LinkedIn بكيفية عرض البيانات الوصفية لموقع أو مقالة تمت مشاركتها على منصات التواصل الاجتماعي .
هذه كانت نبذة بسيطة عن اكواد الميتا تاج وعن بعض اكوادها واهتميتها , اكواد الميتا تاج جميعها تضع في رأس الموقع اسفل الوسم <HEAD> وبالتأكيد اذا كنت ووردبريس فاضافة السيو ستقوم باضافة هذه الأكواد تلقائيا لتحسين موقعك عبر محركات البحث .
