Son zamanlarda başladığım tüm projelerde kullandığım meta tag'leri yazmak istedim. Bu meta etiketlerini projelerinizde illaki kullanmak zorunda değilsiniz, kullanırsanız sayfalarınız paylaşıldığında, tweetlendiğinde görünümü daha güzel oluyor, ayrıca facebook open graph api ile sayfanızı sorgullattığınızda daha ölçeklenebilir bir veri elde ediyorsunuz.
Arama Motoru - Google / Yandex / Bing
<!-- SEO --> <meta name="author" content="Yunus BAŞŞAHAN"> <meta name="description" content="Bir web geliştiricinin çöplüğü"> <link rel="canonical" href="http://www.siteadresi.com/sayfa-adi.html">
Twitter Meta Etiketleri
<!-- Social: Twitter --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@KullaniciAdiniz"> <meta name="twitter:creator" content="KullaniciAdiniz"> <meta name="twitter:title" content="Sayfa Başlığı"> <meta name="twitter:description" content="Sayfa Açıklaması"> <meta name="twitter:image:src" content="http://siteadresi.com/img/sayfa-resmi.jpg">
Facebook Meta Etiketleri
<!-- Social: Facebook / Open Graph --> <meta property="fb:admins" content="Yorum Yönetici Profil IDleri"> <meta property="fb:app_id" content="Facebook Uygulama IDsi"> <meta property="og:url" content="http://siteadresi.com/sayfa-adresi.html"> <meta property="og:type" content="article"> <meta property="og:title" content="Sayfa Başlığı"> <meta property="og:image" content="http://siteadresi.com/img/sayfa-resmi.jpg"/> <meta property="og:description" content="Sayfa Açıklaması"> <meta property="og:site_name" content="Site Adı"> <meta property="article:author" content="https://www.facebook.com/ProfilAdresiniz"> <meta property="article:publisher" content="https://www.facebook.com/ProfilAdresiniz">
Google+ ve Schema.org / Itemscope Meta Etiketleri
<!-- Social: Google+ / Schema.org --> <meta itemprop="name" content="Sayfa Başlığı"> <meta itemprop="description" content="Sayfa Açıklaması"> <meta itemprop="image" content="http://siteadresi.com/img/sayfa-resmi.jpg">
Yukarıda verdiğim meta etiketler ile ilgili detaylı bilgiye aşağıdaki linklerden ulaşabilirsiniz.
http://static.googleusercontent.com/media/www.google.com/en/us/webmasters/docs/search-engine-optimization-starter-guide.pdf
https://dev.twitter.com/docs/cards
http://ogp.me/
https://schema.org/
paylaşım için teşekkürler emeğine sağlık
Yazan film seyret | Tarih : 16 Ağustos 2015 , Pazar 22:39
Paylaşım iyi hoş ama şu aşağıdaki kodu nasıl değiştirmeliyiz ki, her sayfada kendine özgü açıklama görünsün?
Sayfa açıklaması olan kısıma hangi kod eklenecek?Yazan Hasan | Tarih : 16 Kasım 2015 , Pazartesi 17:25
Hocam merhabalar; Bu tag ları tam olarak html de wp header üzerinden mi yapmamız gerekiyor? Bilgi verir misiniz? Teşekkürler
Yazan can | Tarih : 7 Mart 2016 , Pazartesi 10:57
başarılı teşekkürler
Yazan pusat | Tarih : 13 Mart 2016 , Pazar 16:45
Hocam elinize sağlık çok yararlı bir konu olmuş. başarılar.
Yazan Agario Pvp | Tarih : 21 Mayıs 2016 , Cumartesi 21:53
Şu sosyal medya zımbırtısına ortak bir meta geliştirmediler gitti. Twitter ayrı bir hava, facebook ayrı bir hava, Google ayrı bir hava. Headr bloğu resmen siteden daha çok yer işgal ediyor artık. Üstelik diğer sosyal medyalardan da kendi kodlarını isteyenler var. Bunlara birde arama motorlarının, reklam firmalarının, güvenlik sitelerinin doğrulama kodlrı vb derken şişip gidiyor. İnsanları zora sokmaktan başka bir şey değil bunlar. Ayrıca emeğin ve anlatımın için teşekkürler kardeş.
Yazan Kemal | Tarih : 8 Kasım 2016 , Salı 02:02
Çok faydalı oldu teşekkürler
Yazan Esra | Tarih : 20 Kasım 2017 , Pazartesi 12:42