Blogger HTML5 Meta Etiketleri

12.6.18
Blogger HTML5 Meta Etiketleri

Blogger bloglarının arama motorlarıda arama tanımlarını oluşturmak için meta etiketleri kullanılır. Blog içeriğini arama motorlarının arama sonuçlarında vurgulamak için blog başlığınızın (ana sayfa için), her sayfa ve her yayın için blog kodlamasına uygun şekilde geliştirilmiş ayrı ayrı meta etiketi eklenmelidir. Etiketler, okuyuculara blogun, sayfanın ve yayının neyle ilgili olduğu hakkında bilgisini de verir. Yani, meta etiketleri, blog sabit ve yayın sayfalarının web üzerinde bir kimliğe sahip olma optimizasyonudur.


Bu etiketler Blogger sitelerinin Google, Bing ve Yandex gibi arama motorlarının (araçlarının) robotları tarafından daha kolay anlaşılmasını sağlar. Böylece, takibe aldığı sayfaların ve bağlantıların arama motoru sonuç sayfasında (Search Engine Results Page - SERP) görünmesini sağlar.

Blogger Meta Etiketleri


Bazı blog kullanıcıları meta açıklama kavramının ve meta anahtar kelimelerinin blog arama motoru itibarını nasıl etkileneceğini tam olarak anlamıyor.
Arama Açıklaması alana her blog yayını için meta bilgilerini nasıl eklendiğini biliyorum. Ancak, bir konunun tüm açıklamalarını Arama Açıklaması'na eklemek zorunda mıyım?
Burada, istenmeyen "anahtar kelime doldurma" olasılığını ve bozulmuş arama motoru itibarını görüyoruz.

Meta arama açıklaması özelliğini kötüye kullanmamaya ve geresiz anahtar kelime eklememeye özen göstermeliyiz. İyi yazılmış meta açıklamaları, arama motoru itibarını yükseltir.

İyi yazılmış bir meta açıklaması, iyi tasarlanmış bir blogun ve kaliteli yazılmış yazıların bir parçası olabilir. Çünkü, meta açıklaması, arama motorlarının bir blogu veya yayını doğru şekilde dizine eklemesine ve SERP listesinden trafik çekmeye yardımcı olabilir. Aksini düşünecek olursak, meta anahtar kelime koleksiyonu oluşturur gibi anahtar kelime doldurmak, arama motoru itibarının düşmesine neden olabilir.

Blogger Arama Açıklamaları Meta Etiketi: Bu etiket Blogger kumanda panelinin Ayarlar > Arama tercihlerinde bulunan "Arama açıklamaları" meta etiketidir. Arama açıklamasını etkinleştirmek için, aşağıdaki resimde olduğu gibi Ayarlar > Arama tercihleri sayfasında arama açıklamasını ayarlayın. Arama açıklaması maksimum 150 karakter ve blog sitesnin ne ile alakalı olduğunu belirten anlamlı bir açıklama olamalıdır. Örnek: "Blogger blogspot ve blog tasarımıyla ilgili bir blog".

Blogger Arama Tercihleri

Arama açıklamasını oluşturduktan sonra, blog sayfa düzenleyici "Sabit Sayfa Ayarları" ve "Editör Sayfa Ayarları" menülerinde "Arama Açıklaması" olarak yeni bir seçenek çıkacaktır. Bunu açın ve her sayfa ve yayın için arama açıklamasını tek tek ekleyin.

Blogger Yayınlarına Arama Açıklaması Ekleme

Tema kodu, arama açıklamasına uygun referanslara ihtiyaç duyar.

Bazı meta etiketlerinde ayrı ayrı bir etiket çifti vardır. Blog içeriğini içeren ve yayın içeriği içeren ikinci bir etiket bulunur. Arama Açıklaması ile hem blog hem de yayın içeriği bir etikete aktarılır. Bu meta etiketini tema kodunuza eklediğinizde, ana sayfa ve yayın sayfası için koşullu (yani ayrı ayrı) arama açıklaması meta etiketine ihtiyaç yoktur. Çünkü, her iki sayfa için de aynı etiket kullanılır. Tüm açıklamaları kısa ve açıklayıcı olarak ekleyin.

Arama Açıklaması Meta Etiketi
<meta expr:content='data:blog.metaDescription' name='description'/>

Blogger Anahtar Kelime Meta Etiketi: Arama motorları, bir web sayfasının arama sayfası sonuçlarında görüntülenmesi için meta anahtar kelimelerden de yararlanıyordu. Şimdi ise arama motorları, dizine eklenmiş sayfaların içeriklerinden otomatik olarak anahtar kelimeler seçer. Blog veya web sitesi sayfalarında anahtar kelime kullanmak mümkün olsa da, artık anahtar kelimeler sayfa içeriklerinden çıkarılır. Google, web arama sıralamasında "anahtar kelimeler" kullanılmadığını belirtmişti.

Google, meta etiketini web sıralamasında kullanmaz.

Meta etiketleri arasında bulunan aşağıdaki anahtar kelime meta etiketi blog sitesinin sadece ana sayfası için kullanılır.

Anahtar Kelime Meta Etiketi
<meta content='Anahtar, Kelime' name='keywords'/>

Blogger sabit ve yayın sayfaları için aşağıdaki meta etiket çifti kullanılır. Arama motorları, anahtar kelimeleri dizine eklenmiş olan sayfalardan otomatik olarak çektiğini söylemiştik. Aşağıdaki meta anahtar kelime etiketi "Sayfa Başlığı, Blog Başlığı: Sayfa Başlığı, Blog Başlığı" gibi otomatik olarak sayfa anahtar kelimelerini oluşturur.

Sayfalar İçin Anahtar Kelime Meta Etiketi
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>

Meta etiketlerinizi oluşturmadan önce, blogunuz ile ilgili geniş bir araştırma ve analiz çalışmaları yapmanızı öneririz.

Meta Etiketleri Blogger Sitesine Nasıl Eklenir?


Aşağıdaki meta etikelerini blog sitesinin tema editör sayfasında bulunan açılış <head> kodundan hemen sonra ekleyin.

HTM5 Meta Etiketleri
<!-- [ Meta Tag SEO ] -->
<meta charset='utf-8'/>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0' 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 == &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='index,follow' 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;https://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='Ana-Sayfa-İçin-Anahtar-Kelime' 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;https://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/u/0/Google-Plus-URL' rel='publisher'/>
<link href='https://plus.google.com/u/0/Google-Plus-URL' rel='author'/>
<link href='https://plus.google.com/u/0/Google-Plus-URL' 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='Yandex-Webmaster-Doğrulama-Kodu' name='yandex-verification'/>
<meta content='Alexa-Webmaster-Doğrulama-Kodu' name='alexaVerifyID'/>
<meta content='Turkey' name='geo.placename'/>
<meta content='Yazar-Adı' 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 çok okunan &quot; + data:blog.pageTitle + &quot; popüler blog yazımızı siz de okuyun.&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:if>
</b:if>
<!-- Windows Phone -->
<meta content='#ececec' name='msapplication-navbutton-color'/>
<!-- Apple Mobile -->
<meta content='#ececec' name='apple-mobile-web-app-status-bar-style'/>
<!-- Chrome, Firefox OS and Opera -->
<meta content='#ececec' name='theme-color'/>
<meta content='https://www.facebook.com/Facebook-Profil-URL' property='article:author'/>
<meta content='https://www.facebook.com/Facebook-Sayfa-URL' property='article:publisher'/>
<meta content='Facebook-Uygulama_ID' property='fb:app_id'/>
<meta content='Facebook-Yazar-ID' property='fb:admins'/>
<meta content='Facebook-Profil-ID' property='fb:profile_id'/>
<meta content='Facebook-Sayfa-ID' property='fb:pages'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='tr_TR' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>

Meta etiketleri içerisinde belirtilen renkli alanları blog sitenize uygun olarak düzenleyin ve kaydedin. Kullanmak istemediğiniz yada ihtiyaç duymadığınız meta etiketlerini kaldırın.
EtiketAçıklama
Ana Sayfa Anahtar KelimeleriBlogunuzu tanımlayan en iyi 3-4 anahtar kelimeyi ekleyin.
Google-Plus-URLÖrneğin, Google+ blog kullanıcı bağlantısı : + BloggerEklentileri
Google-Webmaster-Doğrulama-KoduGoogle Search Console doğrulama kodunu ekleyin. Doğrulamanız gerekirse, yoksa bu meta etiketini kaldırın.
Bing-Webmaster-Doğrulama-KoduBing Webmaster doğrulama kodunu ekleyin.
Yazar-AdıYazarın adı ekleyin (Google Plus Adınız)
tr ve TürkiyeBlogunuzun nerede yayınlandığı yani ülke kodunu ekleyin.
Facebook-Profil-URLFacebook profil bağlantısını ekleyin.
Facebook-Sayfa-URLBlog sitenizin Facebook sayfa bağlantısını ekleyin.
Facebook-Uygulama-IDFacebook uygulama ID kodu ekleyin (varsa) https://developers.facebook.com
Facebook-Kullanıcı-IDFacebook kullanıcı ID'sini kodu ekleyin https://findmyfbid.com
Twitter-Kullanıcı-IDTwitter kullanıcı adını "@BEklentileri" ekleyin
Meta etiketleri ile ilgili kafanızda oluşan soru işaretlerini gidermek için, yorum formunu kullanarak sorularınızı bize iletebilirsiniz.

İyi Bir SERP Pozisyonu Almak için Kaliteli Yayınlar Oluşturun

Blog siteniz için iyi bir SERP konumu oluşturmak istiyorsanız, bilgi içerikli, ilgi çekici ve özgün yazılar kullanarak kaliteli ve değerli yayınlar oluşturun. Blogger blogları için en iyi tavsiye budur.

Bazı blog yazarları, arama motoru itibarını yükseltmek için hala meta anahtar kelime etiketini kullanıyor. Arama motorları, anahtar kelimleri dizine eklenmiş sayfa içeriklerinden otomatik olarak anahtar kelime oluşturduğunun farkında değil. Halbuki, arama sonuçları listesinde iyi bir konuma sahip olmak için ziyaretçiler tarafından okunan düzenli içeriklere sahip olmak gerekir.

Bu yazımızda Blogger blogları için HTML5 meta etiketlerini paylaştık ve meta etiketleri ile ilgili önemli açıklamalarda bulunduk. Bu yazımızda paylaşmış olduğumuz bilgileri uygulamak çok kolay, sadece yapmanız gereken kaliteli ve değerli (yani bilgi içeren) içerikler oluşturmaya özen göstermek.

Yorum Gönder