HTML5 Seo Uyumlu Meta Etiketleri

Arlina Design: HTML5 Seo Uyumlu Meta Etiketleri 15.2.17
HTML5 Seo Uyumlu Meta Etiketleri

HTML5 Seo Uyumlu Meta Etiketleri - Blog şablonları için hazırlanmış olan meta etiketleri bloga nasıl eklendiği hakkında blog kullanıcılarına önemli bilgiler.

Blogcuların pek aşina olmadığı blogger meta etiketleri hakkında biraz açıklama yapalım.

Meta etiketleri, blog yayın ve makalelerinin bir net bir kimliğe sahip olma optimizasyonudur. Bu etiketler sayesinde blogunuz Google, Bing yada diğer arama motorlarının (araçlarının) tarayıcı robotları tarafından takip edilerek daha kolay arama motoru sonuçları sayfasında (SERP) görünmesini sağlayacaktır.

Meta etiketleri temelde bir kaç ana unsurdan oluşmaktadır.

1- Meta açıkmala etiketi: Meta açıklama etiketi blogunuza sayfanın içeriği hakkında genel bir bilgi vermek için kullanılır ve 200'den fazla karakteri geçmemelidir.
<meta content='Buraya açıklama yazın'  name='description'/>

2- Meta anahtar kelime etiketi: Meta anahtar kelimeleri ile arama motorları blog sayfasının bulunması için anahtar kelimeleri kullanır ve çok önemlidir. Anahtar kelimeler sabit olmalı ve asla değiştirilmemelidir.
<meta content="Anahtar kelime 1, kelime 2, kelime 3, ..." name="keywords"/>

3- Meta robotlar etiketi: Temel amacı arama sunuçlarında blog sayfalarının hangilerinin dizine eklenmesini belirtmek için meta robotlar etiketi kullanılır. Blog için çok yayrarlı olan bu etiket blog için navigasyon çerçeve özelliğini oluşturur.
<meta content="index follow" name="robots"/>

Birleştirilen bu meta etiketleri bileşenleri aşağıdaki gibidir.
<meta content="Buraya açıklama yazın' name='description"/>
<meta content="Anahtar kelime 1, kelime 2, kelime 3, ..." name="keywords"/>
<meta content="index, follow" name="robots"/>

Blogger siteleri için bazı önemli noktalara vurgu yaparak açıkladık ve meta etiketlerinin bazı temel bileşenlerini biliyorsunuz. Tüm meta etiketlerini şablon paylaşımlarında diğer temel özelliklerine de değineceğiz.

HTML5 Seo Uyumlu Meta Etiketleri


Basitleştirilmiş meta etikleri son sürümü ile sosyal medya paylaşımlarında blog başlığını kaldırma ile ilgili bilgileri blogcular için yine blog sayfamızdan örneklerini paylaşacağız. Aşağıdaki meta etiket bileşenlerini blogunzun <head> ile </head> kodları arasına eklemelisiniz.
<!-- [ Meta Etiketleri 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 content='sat, 03 Feb 2020 00:00:00 GMT' http-equiv='expires'/>
<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>Sayfa bulunamadı! - <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='ANAHTAR-KELİMELER' 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://plus.google.com/GOOGLE-PLUS-KULLANICI-ADI/posts' rel='publisher'/>
<link href='https://plus.google.com/GOOGLE-PLUS-KULLANICI-ADI/about' rel='author'/>
<link href='https://plus.google.com/GOOGLE-PLUS-KULLANICI-ADI' rel='me'/>
<meta content='GOOGLE-WEBMASTER-DOĞRULAMA-KODU' name='google-site-verification'/>
<meta content='BING-WEBMASTER-DOĞRULAMA-KODU' name='msvalidate.01'/>
<meta content='Türkiye' name='geo.placename'/>
<meta content='ADMİN-ADI' name='Author'/>
<meta content='general' name='rating'/>
<meta content='tr' 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;En ilginç yayınlar için &quot; + data:blog.pageTitle + &quot; ziyaret edin.&quot;' property='og:description'/>
</b:if>
</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/AVvXsEj2qUtOuloADAmFGRSV9XZ6ATu9i_BaB7xqEx4RqTla-wsgHoDdI_lX55_jzDamWvS91S71NpQ3Y8mLEkpeC2vwpDDhB_Nqs8LAmZRbnvdUWmzsryaqpyyZZEQSzn2jHIHywHgQudMdI6o/s1600/Blogger-Eklentileri-Logo.png' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/FACEBOOK-PROFİL' property='article:author'/>
<meta content='https://www.facebook.com/FACEBOOK-SAYFA-FAN' property='article:publisher'/>
<meta content='KODE-APLIKASI-FACEBOOK' property='fb:app_id'/>
<meta content='FACEBOOK-ADMİN-ID-KODU' property='fb:admins'/>
<meta content='tr_TR' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='en_US' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='TWITTER-KULLANICI-ADI' name='twitter:site'/>
<meta content='TWITTER-KULLANICI-ADI' name='twitter:creator'/>

Yukarıdaki meta etiketleri içerisinde yer alan aşağıdaki kod grubu örnek olarak eklenmiştir. Eğer blogunuzda CSS, js, gif, jpeg, jpg, png ve tarih ve saat meta etiketleri kullanmak istiyorsanız ekleyin, eğer aşağıdaki meta etiketlerini kullanmıyorsanız kaldırın (silin).
<!-- [ 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 content='sat, 02 jun 2020 00:00:00 GMT' http-equiv='expires'/>

Bilgi


ETİKETLERAÇIKLAMA
ANAHTAR-KELİMELERBlogun açıklama veya anahtar sözcük grubu ekleyin
GOOGLE-PLUS-KULLANICIÖrneğin, Google+ blog kullanıcı bağlantısı : + BloggerEklentileri
GOOGLE-WEBMASTER-DOĞRULAMA-KODUGoogle Search Console doğrulama kodunu ekleyin
BING-WEBMASTER-DOĞRULAMA-KODUBing Webmaster doğrulama kodunu ekleyin *
ADMİN-ADIYazarın adı ekleyin
tr ve TürkiyeBlogunuzun nerede yayınlandığı yani ülke kodu ekleyin
FACEBOOK-PROFİL-IDFacebook profil bağlantısı ekleyin
FACEBOOK-SAYFA-FANFacebook sayfa veya fan bağlantısı ekleyin
FACEBOOK-UYGULAMA-KODUFacebook uygulama ID kodu ekleyin https://developers.facebook.com
FACEBOOK-ADMİN-KODUFacebook admin ID kodu ekleyin http://findmyfbid.com
TWITTER-KULLANICI-ADITwitter kullanıcı adı @BEklentileri ekleyin

Yukarıdaki meta etiketleri içerisinde bulunan renkli alanları blogunuza uygun olarak doldurun ve ekleyin. Blogunuzda varolan meta etikelerinden bu meta etiketlerine ekleme yaparak düzenleyin. Mesela Google doğrulama kodunuz blogunuzda mevcut ise bu kodu renkli alanda belirtilen yere ekleyin. Blogcular için çok faydalı olacağını düşünüyorum.

Yorum Gönder