Meta Tag Seo مرن وصحيح HTML5 - هذه المرة سأجيب عن الأسئلة التي طرحت على صديقي المدون حول كيفية ملء شفرة xxxxx التي أقوم بإضافتها إلى القوالب التي أشاركها.ربما هناك بعض المدونين الذين ليسوا على دراية بهذه العلامة الوصفية ، هنا سأشرح قليلاً عن العلامات الوصفية في قالب المدون.
تُعد العلامات الوصفية أحد التحسينات على المدونات للمدوّنات والمقالات التي ننشرها كي تحتوي على هوية واضحة. لذلك ، سيكون البحث عن المدونات أسهل للبحث عن برامج الروبوت مثل متصفح جوجل ، أو Bing ، أو أدوات بحث أخرى ، وسيتم تصنيفها بسهولة أكبر في SERP (صفحة نتائج محرك البحث).
تتكون وظيفة العلامة الوصفية أساسًا من عدة عناصر مهمة ، بما في ذلك:
علامة وصف ميتا
يتم استخدام علامة وصف التعريف لتقديم نظرة عامة على محتوى صفحة مدونتك. الحجم الموصى به لا يزيد عن 200 حرف. واحتفظ بهذا الوصف:
<meta content='Tulis deskripsi di sini' name='description'/>
علامات كلمات رئيسية ميتا
تُعد العلامة الوصفية للكلمات الرئيسية مهمة جدًا ، لأنها تحدد الكلمات الرئيسية التي يمكنها العثور على صفحة المدونة على محركات البحث.
<meta content="kata kunci 1, kata kunci 2, kata kunci 3,... name="keywords"/>
روبوتات العلامة الوصفية
الغرض الرئيسي من استخدام برامج الروبوتات الوصفية هو تحديد صفحات المدونة التي سيتم فهرستها بواسطة عمليات البحث وأي صفحات المدونة لن يتم البحث عنها. هذه العلامة مفيدة للغاية خاصة إذا كانت المدونة تستخدم إطارات للتنقل.
<meta content="index follow" name="robots"/>
المكونات الثلاثة لهذه العلامة الوصفية إذا تم دمجها ثم الشكل كما يلي:
<meta content='Tulis deskripsi di sini' name='description'/>
<meta content='kata kunci 1, kata kunci 2, kata kunci 3...' name='keywords'/>
<meta content='index, follow' name='robots'/>
حسنًا ، بعد معرفة الوظيفة وبعض المكونات الأساسية التي يجب تطبيقها على قالب المدونة. الآن سأشرح واحدًا تلو الآخر في شفرة xxxxx غالبًا ما تكون متضمنة في النماذج التي أشاركها.
سيو الودية وصالح HTML5 ميتا العلامات
هنا سوف أشارك أمثلة من meta tags Seo Friendly و Valid HTML5 التي أستخدمها في أحدث قوالب Simplify 2 وكذلك مدوناتي الإجابة على كيفية إزالة عناوين المدونات عند مشاركة المقالات مع وسائل الإعلام الاجتماعية. يمكن تثبيت الكود التالي تحت العلامة الافتتاحية <head> أو قبل </ head>
<!-- [ Meta Tag SEO ] -->
<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://plus.google.com/USER-GOOGLE-PLUS/posts' rel='publisher'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/about' rel='author'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS' 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/AVvXsEhp5qTWwCEuumVI9d910sV2d4dtTNHYbj816NpFehqPlRWf9Njg2Z7k14-JB31Wq6rOVQdfdvALNzxcZHSUvYz0bilc-pG2ScF45rjTdlA9e0hX88Yx5x5MbbaF_8rGpb9OWTe2uCBVzv1c/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'/>
هذا درسنا اليوم اذا واجهتك اى مشكلة لا تتردد فى كتابتها فى تعليق