ماهي اكواد الميتا تاج:
هي عبارة عن نصوص برمجية يتم وضعها في كل صفحة HTML لتقوم بتعريف الصفحة لمحركات البحث وقد تطورت اكواد الميتا تاج الى ان احتوت على اكواد للتعريف لمواقع التواصل الاجتماعي مثل فيس بوك وتويتر.
وظيفة اكواد الميتا تاج:
كما قنا هي اكود برمجة لترشد محركات البحث ومواقع التواصل الاجتماعي ولكن نحن نتسأل كيف تعمل, ساجيبك.
لو أخدنا نظره في البحث على محرك جوجل تم بدءنا في تحليل أول ناتج ظهور على سبيل المثال مدونتي:
فلوا دخلنا الى مدونتي ثم ضغطنا على الزر الأيمن للموس واخترنا "عرض مصدر الصفحة" وقمنا ببحث عن name='description' سنجد وصف المدونة الذي ظهر في محرك البحث.
هل يجب عليك تبديل اكواد الميتا تاج باكواد الجديدة:
كما قلنا ان اكواد الميتا تاج هي عبارة عن نصوص برمجة ترشد المحركات ومواقع التواصل, ولكن يحدث تطورات للويب بسرعة سواء في بلوجر أو في الميتا تاج نفسها, بحيث تظهر اكواد جديدة للميتا تاج بخصائص جديدة وأنت كمدون لديك اكواد ميتا من قبل قمت بتركيبها أو أتت جاهزة مع قالب المدونة.
يجب أن تعلم أن من الأفضل عدم تغيير اكواد الميتا تاج إلا لشيء ضروري في حالت حدث خطا في عرض المواضيع في محركات البحث أو إثناء مشاركتها في مواقع التواصل, إما انك تقوم باستبدال اكواد الميتا تاج كل فترة باكواد جديدة فهادا يسبب مشكلة في سيو المدونة, لذالك إذا كانت مدونتك تعمل بشكل صحيح فلا تقوم بتركيب الاكواد الجديدة.
تركيب اكواد الميتا تاج الجديدة
لتركيب اكواد الميتا تاج نتوجه إلى لوحة التحكم في بلوجر ثم المظهر ثم تحرير HTML ثم أبحت عن <head> باستخدام Ctrl + F ونضع الكود التالي أسفلها, أذا كان لديك اكواد سابقه تأكد من حذفها.
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != "error_page"'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ "@context": "http://schema.org", "@type": "WebSite", "url": "<data:blog.homepageUrl/>", "potentialAction": { "@type": "SearchAction", "target": "<data:blog.homepageUrl/>?q={search_term}", "query-input": "required name=search_term" } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Deskripsi-Blog' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + "feeds/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'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://www.blogger.com/profile/id-profil-blogger' rel='publisher'/>
<link href='https://www.blogger.com/profile/id-profil-blogger' rel='author'/>
<link href='https://www.blogger.com/profile/id-profil-blogger' rel='me'/>
<meta content='kode-verifikasi-google-search-console' name='google-site-verification'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='nama-admin-blog' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- Social Media Meta Tag -->
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='"Silakan kunjungi " + data:blog.pageTitle + " Untuk membaca postingan menarik."' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYWIfwzSVCZ76bRN1wEAxF-f4qXkVPGbIrgInJekiNPjS4RsjO3LaSHEdWWnkGJXMicBXz0HSpjzkIxozGiu__kFrJP4bKVjIbLRfVeP8JPzzXnqo9Orzbwy7kuTK2vIdy7CEtigaKmfM/' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/profil-facebook' property='article:author'/>
<meta content='https://www.facebook.com/fanpage-facebook' property='article:publisher'/>
<meta content='kode-aplikasi-facebook' property='fb:app_id'/>
<meta content='kode-admin-facebook' property='fb:admins'/>
<meta content='kode-profil-facebook' property='fb:profile_id'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='@user-twitter' name='twitter:site'/>
<meta content='@user-twitter' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>
التعديلات على اكواد الميتا تاج
Deskripsi Blog : استبدلها وضع الكلمات المفتاحية وهي كلمات تهتم بها مدونتك.
ملاحظه عند اضافة الكلمات الدلالية يجب إضافة ألفاصله بعد لكل كلمه مثل
(العاب,برامج الحماية,اندرويد,ايفون,فيس بوك,العاب الاكشن,العاب الاندرويد).....الخ
بهده ألطريقه طبعاً الكلمات التي ستكتبها يجب أن تكون مواضيع مدونتك تهتم بها.
Id-Profil-Blogger: استبدلهم بوضع رابط أي دي صفحك الشخصية في بلوجر.
لاستخراج أي دي الملف الشخصي توجه إلى لوحة التحكم ثم إعدادات ثم إعدادات المستخدم ثم الملف الشخصي للمستخدم تم اضغط على تعديل ستفتح لك صفحة بهذا الشكل:
من إعدادات الخصوصية قم بضغط على "مشاركة ملفي الشخصي" ثم انزل إلى الأسفل واضغط حفظ وبعد ان يتم الحفظ سيظهر شريط اصفر في الاعلاء كم في الصورة مكتوب علية " تم حفظ إعداداتك ( عرض الملف الشخصي المحدّث (" اضغط علية ستفتح لك نافدة انسخ رابطها ثم ستجد الاي دي في أخر الرابط مثل أنا كان رابط عرض الملف الشخصي بهذا الشكل:
https://www.blogger.com/profile/09588416982779175189
فا أي دي صفحتي الشخصية في بلوجر هو : 09588416982779175189
Console : قم بتعديلها برمز التحقيق من مشرفي المواقع.
Nama-Admin-Blog: هنا ضع اسم مدير الصفحة.
Indonesia: غيرها الى البلد.
Id: قم بتغييرها الى أي دي المدونة.
لمعرفة الاي دي للمدونة توجه إلى التخطيط تم خد الرابط سيكون بهذا الشكل مثل رابط مدونتي:
https://draft.blogger.com/blogger.g?blogID=8299010710268113124#pageelements
كود الاي دي في مدونتي هو 8299010710268113124
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYWIfwzSVCZ76bRN1wEAxF-f4qXkVPGbIrgInJekiNPjS4RsjO3LaSHEdWWnkGJXMicBXz0HSpjzkIxozGiu__kFrJP4bKVjIbLRfVeP8JPzzXnqo9Orzbwy7kuTK2vIdy7CEtigaKmfM/
قم بتغيير الرابط برابط شعار مدونتك
https://www.facebook.com/profil-facebook : قم بتغييره الى رابط ملفك الشخصي.
https://www.facebook.com/fanpage-facebook : قم بتغييره الى رابط صفحة المدونة على الفيس بوك.
Kode-Aplikasi-facebook: قم بتغييره با أي دي تطبيقك في الفيس بوك (إذا لم يكن لديك تطبيق فيس بوك احذفها واجعلها فارغة).
kode-admin-facebook: قم بتغييرها باي دي إدمان الصفحة لو لديك اكتر من مدير لصفحة افصل بينهم بفاصله (,).
لاستخراج أي دي فيس بوك تابع الشرح من هنا.
kode-profil-facebook: قم بتغييره باي دي ملفك الشخصي في فيس بوك.
en_US: قم بتغيرها الى لغة المدونة الاساسي وتكتب اختصار الغة بانجليزي صغي تم شرطه سفلية تم الغة بانجليزي كبير مثال للمدونات التي لغتها الاساسية العربي ar_AR.
en_GB: هنا الثنائية المستخدمة في المدونة, مثل نحن في المدونات العربية نكتب احياناً كلمات انجليزية لبعض المفاهيم فلذالك سنغييرة كتالي en_US .
en_US: قم بتغيرها الى لغة المدونة الاساسي وتكتب اختصار الغة بانجليزي صغي تم شرطه سفلية تم الغة بانجليزي كبير مثال للمدونات التي لغتها الاساسية العربي ar_AR.
en_GB: هنا الثنائية المستخدمة في المدونة, مثل نحن في المدونات العربية نكتب احياناً كلمات انجليزية لبعض المفاهيم فلذالك سنغييرة كتالي en_US .
@user-twitter: قم بتغيره بمعرفة تويتر مع إضافة @ التي تأتي أسفل اسم المستخدم في تويتر.
لم نتعمق في هذا الشرح بخصائص الميتا تاج ووظيفة كل كود موجود ولكن بإن الله في المستقبل سيكون هناك شروحات كيف يعمل كل نص برمجي في اكواد الميتا تاج وكيف نوظف كود الميتا تاج كما نريد حتى يستطيع المطورين التعامل معها وإخراج كود نظيف وحل المشاكل الموجودة بها بدون حذف جميع الاكواد وتبديلها من جديد.
ليست هناك تعليقات:
إرسال تعليق