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ın...
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 == "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>Sayfa bulunamadı! - <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='ANAHTAR-KELİMELER' 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/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 == "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='"En ilginç yayınlar için " + data:blog.pageTitle + " ziyaret edin."' 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/AVvXsEgFuWVa514z1wVL4nzT2K43q5uqNBie1wGP6oStw1pp270Dt5NyG2NFSti9GCE2vozR-egUfR4ejKKjTZqGt-oV3RaxJgTHz9RWJqx-0G7k_WSoY1knxgFSsDkmnaQjLkXlQo-f6wZPTuI/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İKETLER | AÇIKLAMA |
|---|---|
| ANAHTAR-KELİMELER | Blogun 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-KODU | Google Search Console doğrulama kodunu ekleyin |
| BING-WEBMASTER-DOĞRULAMA-KODU | Bing Webmaster doğrulama kodunu ekleyin * |
| ADMİN-ADI | Yazarın adı ekleyin |
| tr ve Türkiye | Blogunuzun nerede yayınlandığı yani ülke kodu ekleyin |
| FACEBOOK-PROFİL-ID | Facebook profil bağlantısı ekleyin |
| FACEBOOK-SAYFA-FAN | Facebook sayfa veya fan bağlantısı ekleyin |
| FACEBOOK-UYGULAMA-KODU | Facebook uygulama ID kodu ekleyin https://developers.facebook.com |
| FACEBOOK-ADMİN-KODU | Facebook admin ID kodu ekleyin http://findmyfbid.com |
| TWITTER-KULLANICI-ADI | Twitter 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.
Kaynak: https://bloggereklentileri.blogspot.com.tr/2017/02/html5-seo-uyumlu-meta-etiketleri.html
COMMENTS