السلام عليكم، سوف نتعرف في هذا الدرس على طريقة و ضع أكواد الميتا تاج meta tage في مدونة بلوجر و هي تعتبر أفضل الأكواد التي سوف تحسن من سيو seo و كذلك جعل موقعك يظهر في نتائج البحث و بدون مقدمات إضافية نمر إلى صلب الموضوع.
فائدة أكواد الميتا تاج meta tage :
تعتبر أكواد meta tage من الأكواد المهمة التي يجيب أن تتوفر عليها مدونتك و هي تحسن من ظهور مدونتك على محركات البحث و هذه الأكواد تنقسم إلى ثلاثة أجزاء
أكواد تسريع تحميل المدونة :
وظيفة هذه الأكواد هي تزيد من سرعة تحميل موقعك بحيث تصبح سرعة التحميل سريعة ممى يجعلك موقع يظهر في النتائج الأولى و يزيد من إستحسان عناكب البحث لموقعك،
<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='//2.bp.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='//28.2bp.blogspot.com' rel='dns-prefetch'/>
<link href='//www.blogger.com' rel='dns-prefetch'/>
<link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/>
<link href='//fonts.googleapis.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='//codepen.io' rel='dns-prefetch'/>
<link href='//dribbble.com' rel='dns-prefetch'/>
<link href='//feeds.feedburner.com' rel='dns-prefetch'/>
<link href='//github.com' rel='dns-prefetch'/>
<link href='//player.vimeo.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='//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'/>
<link href='//adservice.google.ca' rel='dns-prefetch'/>
<link href='//adservice.google.com' rel='dns-prefetch'/>
<link href='//disqus.com' rel='dns-prefetch'/>
<link href='//cdn.rawgit.com' rel='dns-prefetch'/>
<link href='//www.sharethis.com' rel='dns-prefetch'/>
أكواد لجلب معلومات الموقع :
هذه الأكواد تقوم بجلب جميع معلومات الموقع مثل الوصف و عنوان المدونة و كذلك ملف ربوت تكست robot txt و غيرها من التفاصيل لكي يسهل على المتصفح قراءة و فهم نيتش الموقع، قبل وضعها عليك إستبدال :
كتابة وصف لمدونة في حدود 160 حوف.
وضع رابط لشعار المدونة .
<!-- Meta Tags ~ -->
<b:include data='blog' name='all-head-content'/>
<b:include data='blog' name='google-analytics'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<link expr:href='data:blog.url' rel='canonical'/>
<meta expr:content='data:blog.title' name='copyright'/>
<meta content='AR' http-equiv='content-language'/>
<!-- SEO Title -->
<title><b:if cond='data:view.isSingleItem or data:view.isHomepage'><data:view.title.escaped/><b:elseif cond='data:view.isSearch'/><b:if cond='data:view.search.label'><b:eval expr='data:view.search.label.escaped'/> - <data:blog.title/><b:elseif cond='data:view.search.query'/><b:eval expr='data:view.search.query.escaped'/> - <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:else/>Page 404 - <data:blog.title/></b:if></title>
<!-- facebook open graph -->
<!-- author -->
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='ar_AR' property='og:locale'/>
<meta content='en_AR' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<!-- OpenGraph for Home -->
<meta content='article' property='og:type'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.title' property='og:title'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
</b:if>
<!-- OpenGraph for Posts -->
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<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:if>
</b:if>
<!-- OpenGraph description -->
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<b:if cond='data:blog.metaDescription == ""'>
<meta content='كتابة وصف لمدونة في حدود 160 حوف' property='og:description'/>
</b:if>
<b:if cond='data:blog.postImageThumbnailUrl == "" '>
<meta content='وضع رابط لشعار المدونة property='og:image'/>
</b:if>
<!-- og:image dimension -->
<meta content='800' property='og:image:width'/>
<meta content='420' property='og:image:height'/>
إقرأ أيضاً :
طريقة أرشفة المقالات يدويا | تسريع أرشفة المشاركات لظهور في نتائج البحث.
أكواد خاصة بنشر في مواقع التواصل الاجتماعي :
هذه الأكواد تساعد في النشر و كذلك تزيد من نسبة الوصول عندا نشر رابط موقعك في موقع التواصل الاجتماعي مثل فيسبوك، إنستقرام، تويتر إلى أخره.
<!-- twitter meta card -->
<!-- twitter meta card -->
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<b:if cond='data:blog.postImageUrl'>
<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<b:else/>
<meta content='summary' name='twitter:card'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
</b:if>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
</b:if>
<!-- author blogger -->
<meta content='كود التحقق الخاص بأدوات مشرفي المواقع جوجل' name='google-site-verification'/>
<meta content='كود التحقق الخاص بأدوات مشرفي المواقع بينج name='msvalidate.01'/>
<meta content='كود التحقق الخاص ب أليكسا' name='alexaVerifyID'/>
<meta content='تقوم بكتابة إسمك كامل' name='Author'/>
<meta content='general' name='rating'/>
<meta content='تقوم بكتابة بلدك | دولتك' name='geo.country'/>
<meta content='تقوم بكتابة بلدك | دولتك' name='geo.placename'/>
<!-- Facebook card username meta -->
<meta content='معرف تطبيق حساب فيسبوك' property='fb:app_id'/>
<meta content='معرف حسابك الشخصي على الفيسبوك property='fb:admins'/>
<meta content='رابط حسابك على الفيسبوك' property='article:author'/>
<meta content='رابط صفحتك على الفيسبوك' property='article:publisher'/>
<!-- twitter card username meta -->
<meta content='إسمك حسابك على تويتر' name='twitter:site'/>
<meta content='@إسمك حسابك على تويتر' name='twitter:creator'/>
<!-- /Meta Tags ~-->
طريقة إضافة أكواد الميتا تاج meta tage في الموقع :
أول شيء نذخل إلى مدونتنا ثم إلى المظهر و نظغط على تعديل html لكن قبل ذلك يفضل الإحتفاظ بنسخة إحتياطية لقدر الله أخطأت في وضع الأكواد، ثم نبحث عن الوسم head غالباً ستجده في بداية حقل html ثم نقوم بأخد مسافة و نلصق هذه الأكواد التي قدمتها لك في الأول لكن تأكد من حدف أي أكواد ميتا قديمة في قالبك قبل وضع هذه الأكواد، و عليك أيضآ تبديل بعض الإشياء و هي :
كود التحقق الخاص بأدوات مشرفي المواقع جوجل.
كود التحقق الخاص بأدوات مشرفي المواقع بينج.
كود التحقق الخاص ب أليكسا.
تقوم بكتابة إسمك كامل.
تقوم بكتابة بلدك | دولتك {مرتين}.
معرف تطبيق حساب فيسبوك.
معرف حسابك الشخصي على الفيسبوك.
رابط حسابك على الفيسبوك.
رابط صفحتك على الفيسبوك.
إسمك حسابك على تويتر.
ملاحظ هامة :
في هذه الأكواد لا توجد أكواد الميتا الخاص بالكلمات المفاتيحة الأن حسب بلوجر أو ج جوجل عامة لم تعد هناك فائدة لهذه الأكواد حسب المصدر كما سبق الذكر لكن إذا كنت تريد تركيبها هذه الأكواد على منصة أخرى مثل الورد بريس فإليكها و يمكن وضعها تحت كود الوصف،
أكواد الميتا تاج الخاصة بالكلمات المفتاحية :
<meta content='ضع الكلمات المفتاحية هنا ' name='keywords'/>
تنويه! :
تعتبر هذه افضل أكواد الميتا تاج التي يمكن أن تجدها و أريد أن اذكر أنه يمكن وضعها كلها أو الإسغناء عن بعضها هذا القرار راجع إليك.