-->

اضافة اكواد الميتا تاج الجديدة لمدونة بلوجر

Add-new-meta-tags-to-Blogger-Blog
ميتا تاج  تعتبر مفتاح لمحركات البحث بحيث تكون مرشد لمحركة البحث عن الصفحة وهي مهم جداً وتعتبر من الأولويات التي يجب الاعتناء بها, فإذا لم تحتوي مدونتك على اكواد الميتا تاج يجب أن تقوم بإضافتها الآن, تابع معنا الدرس لإضافتها.

ماهي اكواد الميتا تاج:

هي عبارة عن نصوص برمجية يتم وضعها في كل صفحة HTML لتقوم بتعريف الصفحة لمحركات البحث وقد تطورت اكواد الميتا تاج الى ان احتوت على اكواد للتعريف لمواقع التواصل الاجتماعي مثل فيس بوك وتويتر.

وظيفة اكواد الميتا تاج:

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

 فلوا دخلنا الى مدونتي ثم ضغطنا على الزر الأيمن للموس واخترنا "عرض مصدر الصفحة" وقمنا ببحث عن name='description' سنجد وصف المدونة الذي ظهر في محرك البحث.
Add-new-meta-tags-to-Blogger-Blog
 هكذا نستطيع التحكم في ظهور مدوناتنا ومواضيعها في محرك البحث إثناء البحث, حيث نستطيع وضع معلومات جديدة كذالك إمكانية إخفاء معلومات في حال أردنا عدم أظهار سواء في محركات البحث او في مواقع التواصل الاجتماعي عندما يقوم شخص ما في مشاركة الموضوع حيث نستطيع التحكم كيف يظهر موضوع مدوناتنا أثناء المشاركة.


هل يجب عليك تبديل اكواد الميتا تاج باكواد الجديدة:

كما قلنا ان اكواد الميتا تاج هي عبارة عن نصوص برمجة ترشد المحركات ومواقع التواصل, ولكن يحدث تطورات للويب بسرعة سواء في بلوجر أو في الميتا تاج نفسها, بحيث تظهر اكواد جديدة للميتا تاج بخصائص جديدة وأنت كمدون لديك اكواد ميتا من قبل قمت بتركيبها أو أتت جاهزة مع قالب المدونة.

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

تركيب اكواد الميتا تاج الجديدة

لتركيب اكواد الميتا تاج نتوجه إلى لوحة التحكم في بلوجر ثم المظهر ثم تحرير 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 == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<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 != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + 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 + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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 == &quot;item&quot;'>
<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='&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan menarik.&quot;' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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/AVvXsEh6_H8xpUXzhbj9I0Ug1FzE22RlLcDvXa0aayHAL2_xMm3GiHlJj0VtvJeE9PI1ERIrAjFT4OM1sMjOaS9rbl0w0hX3XppuPHL4EHh49ROCHu59wIME9yw6nCXwIqrMT_E5G0m__JO89DA/' 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: استبدلهم بوضع رابط أي دي صفحك الشخصية في بلوجر.
لاستخراج أي دي الملف الشخصي توجه إلى لوحة التحكم ثم إعدادات ثم إعدادات المستخدم ثم الملف الشخصي للمستخدم تم اضغط على تعديل ستفتح لك صفحة بهذا الشكل:
Add-new-meta-tags-to-Blogger-Blog
من إعدادات الخصوصية قم بضغط على "مشاركة ملفي الشخصي" ثم انزل إلى الأسفل واضغط حفظ وبعد ان يتم الحفظ سيظهر شريط اصفر في الاعلاء كم في الصورة مكتوب علية " ‏تم حفظ إعداداتك  ( عرض الملف الشخصي المحدّث (" اضغط علية ستفتح لك نافدة انسخ رابطها ثم ستجد الاي دي في أخر الرابط مثل أنا كان رابط عرض الملف الشخصي بهذا الشكل:
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/AVvXsEh6_H8xpUXzhbj9I0Ug1FzE22RlLcDvXa0aayHAL2_xMm3GiHlJj0VtvJeE9PI1ERIrAjFT4OM1sMjOaS9rbl0w0hX3XppuPHL4EHh49ROCHu59wIME9yw6nCXwIqrMT_E5G0m__JO89DA/
قم بتغيير الرابط برابط شعار مدونتك

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 .

 @user-twitter: قم بتغيره بمعرفة تويتر مع إضافة @ التي تأتي أسفل اسم المستخدم  في تويتر. 

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



هناك 5 تعليقات:

  1. اخى ممكن اعرف ازاى اضيف اسم الموضوع ورابط الموضوع
    وكما هو الحال مع العلامة تايتل t I t l e يتم وضع العلامة الوصفية داخل عنصر head ضمن مستند اتش تى ام ال التابع لك.

    ردحذف
  2. ما هو رمز التحقيق من مشرفي المواقع و ازاي احصل عليه

    ردحذف
  3. اين يتم وضع اهداف الكود وهل اقوم بحذف كود الموجود في القالب

    ردحذف
  4. موضوع مهم ولكن شرح غير وافي ادي الي عدم الاستفاده وان تم التطبيق يكون هناك شك في احتمال وجود خطا نرجو وضع فديو لهاذا الموضوع ولاكن علينا ان نعترف انه مجهود رائع يستحق التقدير تقبل مني وشكرا

    ردحذف
  5. هل أحتاج الى َافة هذه الأكواد من فضلك
    www.alma9alat.com

    ردحذف

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *