تعد Metatagkeywords مهمة جدًا، لأنها تحدد الكلمات الرئيسية التي يمكنها العثور على صفحات المدونة على محركات البحث.
ربما لا يزال هناك من بين أصدقاء المدونين من لا يفهم هذا meta tag، حسنًا هنا سأشرح قليلاً عن meta tags في قالب بلوجر.
Meta tags هي أحد التحسينات على المدونات حتى تتمتع المدونات والمقالات التي ننشرها بهوية واضحة. بحيث سيتم البحث في المدونة بسهولة أكبر عن طريق روبوتات البحث مثل Google أو Bing أو أدوات البحث الأخرى وسيكون ترتيبها أسهل في SERP (search engine results page) .
تتكون وظيفة meta tag بشكل أساسي من عدة عناصر مهمة منها:
وصف Meta tag
يتم استخدام وصف Meta tag لتقديم نظرة عامة على محتويات صفحة مدونتك. الحجم الموصى به لا يزيد عن 200 حرف. وحاول أن يكون هذا الوصف:
<meta content='HERE ADD YOUR CONTENT DESCRIPTION' name='description'/>Meta tag keywords
تعتبر الكلمات الرئيسية Meta tag مهمة جدًا، لأنها تحدد الكلمات الرئيسية التي يمكنها العثور على صفحات المدونة على محركات البحث.
<meta content="TAG WORD 1, TAG WORD 2, TAG WORD 3,... name="keywords"/>الروبوتات meta tag
الغرض الرئيسي من استخدام الروبوتات meta tag هو تحديد صفحات المدونة التي سيتم فهرستها عن طريق البحث وصفحات المدونة التي لن يتم البحث فيها. هذه العلامة مفيدة جدًا، خاصة إذا كانت المدونة تستخدم إطارات للتنقل.
<meta content="index follow" name="robots"/>تبدو مكونات meta tag الثلاثة هذه، عند دمجها، كما يلي:
<meta content='HERE ADD YOUR CONTENT DESCRIPTION' name='description'/>
<meta content='TAG WORD 1, TAG WORD 2, TAG WORD 3...' name='keywords'/>
<meta content='index, follow' name='robots'/>حسنًا، بعد أن تعرفت على الوظائف وبعض المكونات الأساسية التي يجب عليك تطبيقها على قالب مدونتك. سأقوم الآن بشرح رمز xxxxx واحدًا تلو الآخر والذي غالبًا ما يوجد في القوالب التي أشاركها.
علامة Meta صديقة لمحركات البحث و HTML5 صالحة
سأشارك هنا مثالاً على العلامات الوصفية الصالحة لـ Seo Friendly وHTML5 التي أستخدمها في أحدث إصدار من قالب Simplify 2 بالإضافة إلى إجابة صديقي المدون حول كيفية إزالة عنوان المدونة عند مشاركة المقالات على وسائل التواصل الاجتماعي. يمكنك وضع الكود أدناه تحت علامة الافتتاح <head> or before it </head>
<!-- [ Meta Tag SEO ] -->
<include expiration='7d' path='*.css'/>
<include expiration='7d' path='*.js'/>
<include expiration='3d' path='*.gif'/>
<include expiration='3d' path='*.jpeg'/>
<include expiration='3d' path='*.jpg'/>
<include expiration='3d' path='*.png'/>
<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='https://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": "https://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='"https://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/IDAKUNANDA' rel='publisher'/>
<link href='https://www.blogger.com/profile/IDAKUNANDA' rel='author'/>
<link href='https://www.blogger.com/profile/IDAKUNANDA' rel='me'/>
<meta content='KODE-VALIDASI-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='KODE-VALIDASI-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='NAMA-ADMIN' 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/AVvXsEj3T3HZmgPjPzeI0VSsDmqRU9dqBGEQnaexBFW_cLW6X3tZ8AXs6DrIJAOWz5m6N7ToGML5N1YTRPHMvlTwGktG3b6_A_v8L-fSSWNY_0kxLqbBGpFjI5HtLLkhx_8JuZMS4433uziU0bZe/s1600/Arlina+Logo.png' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
<meta content='KODE-APLIKASI-FACEBOOK' property='fb:app_id'/>
<meta content='KODE-ADMIN-FACEBOOK' property='fb:admins'/>
<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'/>
<link href='//ajax.googleapis.com' rel='dns-prefetch'/><link href='//www.google-analytics.com' rel='dns-prefetch'/><link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/><link href='//www.googletagservices.com' rel='dns-prefetch'/><link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/><link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/><link href='//adservice.google.ca' rel='dns-prefetch'/><link href='//adservice.google.com' rel='dns-prefetch'/><link href='//resources.blogblog.com' rel='dns-prefetch'/><link href='//fonts.googleapis.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='//disqus.com' rel='dns-prefetch'/><link href='//github.com' rel='dns-prefetch'/><link href='//cdn.jsdelivr.net' rel='dns-prefetch'/><link href='//fontawesome.com' rel='dns-prefetch'/><link href='//www.sharethis.com' rel='dns-prefetch'/>التعليمات
| النتيجة | التعليمات |
|---|---|
| DESCRIPTION-BLOG | املأ بوصف المدونة أو الكلمات الرئيسية |
| USER-BLOGGER | املأ بمعرف مستخدم المدونة، على سبيل المثال: https://www.blogger.com/profile/0740563XXXXXX5938311 |
| CODE-VALIDATION-GOOGLE-WEBMASTER | املأ برمز التحقق من Google في Search Console |
| CODE-VALIDATION-BING-WEBMASTER | املأ باستخدام رمز التحقق من صحة Bing Webmaster * |
| NAME-ADMIN | املأ اسم المؤلف |
| معرف المغرب | املأ رمز البلد الخاص بالموقع الذي تم نشر مدونتك فيه |
| PROFIL-FACEBOOK | املأ رابط الملف الشخصي لصديقك على الفيسبوك |
| FAN-PAGE-FACEBOOK | املأ برابط صفحتك على Facebook |
| CODE-APPLICATION-FACEBOOK | املأ رمز تطبيق Facebook، يمكنك القيام بذلك https://developers.facebook.com |
| CODE-ADMIN-FACEBOOK | املأ رمز الملف الشخصي لصديقك على الفيسبوك، واحصل عليه https://findmyfbid.com |
| USER-TWITTER | املأ اسم مستخدم تويتر الخاص بك |
* = احذف إذا لم يتم استخدامه
أعد ضبط الوصف في القالب الخاص بك عن طريق وضع meta tag أعلاه أو ببساطة استبدل العلامة الوصفية الموجودة بهذه meta tag. هذا حول علامات تعريف HTML5 صالحة وصديقة للسيو نأمل أن تكون مفيدة، وشكرا لكم.
شكرا للقراءة: Meta Tag صديقة لمحركات البحث وصالحة لـ HTML5:)
خاتمة
في هذه المقالة، لقد شاركت Meta Tag صديقة لمحركات البحث وصالحة لـ HTML5. أتمنى أن تنال إعجابكم، من فضلكم شاركوها مع أصدقائكم وتابعوا مدونتنا للمزيد.
انضم اليناقناة التليجرامللحصول على آخر المشاركات والتحديثات يوميا. شكرًا لك!