META TAG META ETİKETLERİ
Baş-Bölüm
<!DOCTYPE html> DOCTYPE, hazırladığınız sayfaların hangi tipte bir belge olduğunu tarayıcıya (browser) bildirmek için kullanılır. Bu sayede tarayıcı bu sayfayı hangi standarda (hangi HTML sürümü kullanılmış) göre yorumlayacağını anlamış olur.
<html lang="en">hangi dilde yazıldığını gösterir.
<head>
<meta charset="utf-8"> türkçe karakter
<meta http-equiv="X-UA-Compatible" content="IE=edge"> sonra anlatılacak
<meta name="viewport" content="width=device-width, initial-scale=1">duyarlı tasarım-mobile uyumlu- her sayfada olmalı-silinirse tasarım yapısı bozulur
<title>Untitled Document</title>
</head>
<meta http-equiv="Content-Language" content="tr" /> hangi dilde yazıldığını gösterir.
Title Etiketi - 64 karakter - Görselde 1 numaralı bölüm
Sayfanın başlığını verir.
Google Seo açısından en önemli etikettir.
Aslında bir Meta Etiketi değildir.
Fakat meta etiketi şeklinde kullanımı vardır ve aynı kategoridedir.
Title Etiketi; tarayıcının üst bilgi kısmında, arama motorunda sayfa listelenirken ve sayfanız sık kullanılanlar gibi bir yere kaydolurken gözükür.
Sayfa içeriği ile ilgili en uygun başlık yazılmalıdır.
HEAD etiketi içerisine yazılır.
ürün adı: <title>Beyaz Araba</title>
domain adı:<title>www.araba.com</title>
kategori: <title>Elektrikli Arabalar</title>
Description Etiketi Görselde 2 numaralı bölüm
135-160 karakter-sitede yazılanlarla ilgili olmalı-
Açıklamada anahtar kelime geçerse google kalın yapıyor. Görselde 4 numaralı bölüm
<meta name="description" content="Bay, bayan, çocuk ayakkabıları en uygun fiyatları ile burada!" />
Açıklamada anahtar kelime geçerse google kalın yapıyor. Görselde 4 numaralı bölüm
<meta name="description" content="Bay, bayan, çocuk ayakkabıları en uygun fiyatları ile burada!" />
Keywords Etiketi
şuanda google bakmıyor ama 5 tane yazılabilir.
<meta name="keywords" content="ayakkabı, kadın ayakkabısı, erkek ayakkabısı, çocuk ayakkabısı " />
şuanda google bakmıyor ama 5 tane yazılabilir.
<meta name="keywords" content="ayakkabı, kadın ayakkabısı, erkek ayakkabısı, çocuk ayakkabısı " />
https://wmaraci.com/meta-tag-olusturucu html kodunu bu siteden oluşturabiliriz.
Görselde 3 numaralı bölüm
Google en çok tıklanan sayfaları Görselde 3 numaralı bölümde gösterildiği tıklanabilir şekilde açıklamanın altına sıralıyor. Bunu googleden biz de talep edebiliriz, fakat onaylanması gerekiyor. Ücretsiz bir çalışma.
Kalın Yapma Etiketi
İçerik oluştururken anahtar kelimeler metnin içine yerleştirilir. Anahtar kelimeleri vurgulamak için kalın ve italik yazısı kullanılmalıdır. Kod yazılırken aşağıdakiler kullanılmalıdır.
<b></b> kalın yapma etiketi artık tarih oldu.
şimdi aşağıdaki kullanılıyor.
<strong>erkek tenis ayakkabısı</strong>
İtalik Yapma Etiketi
<i></i> italik yapma etiketi artık kullanılmıyor
<em></em> italik yazısı için kullanılıyor
şimdi aşağıdaki kullanılıyor.
<strong>erkek tenis ayakkabısı</strong>
İtalik Yapma Etiketi
<i></i> italik yapma etiketi artık kullanılmıyor
<em></em> italik yazısı için kullanılıyor
Robots Etiketi:
Robots Etiketi, Sayfanın arama motorlarında listelenip listelenmemesini bu tag ile belirleyebiliyoruz.
Robots Etiketi, Sayfanın arama motorlarında listelenip listelenmemesini bu tag ile belirleyebiliyoruz.
robot.txt aynı şey
Örnek Kullanımı;
Sayfanın indexlenmesini istiyorsak;
<meta name="robots" content="index, follow" />
Sayfanın indexlenmesini istemiyorsak;
<meta name="robots" content="noindex,nofollow" />
Site Map / Site haritası
Site haritası protokolü sayesinde bir web tasarımcısı arama motorlarını, bir web sitesindeki taranacak URLler hakkında bilgilendirebilir. Bir site haritası bir sitedeki URLleri listeleyen bir XML dosyasıdır. Bu dosya sayesinde web tasarımcıları, taranacak sayfalarının üzerinde daha fazla kontrole sahip olurlar.
https://www.xml-sitemaps.com/ bu linkten site haritasını alıp klasörün içine atıyoruz
Kodları kontrol etmek için site
https://validator.w3.org/
Nofollow Backlink Etiketi
Linklerin kodlarla verilmesi, google için referans olmak anlamına gelmektedir.
Google'un linkleri takip etmemesi için kod yazılabilir.
<li><a href="#""nofollow">Kadın</a></li>
Sitemizden yine diğer siteye geçilir fakat google onu seo çalışmasında değerlendirmez. Eğer link verilen yerin seo çalışması iyi değilse bizim puanımızı da google düşürür. Yani link verdiğimiz site bizi aşağıya çeker.
Alt Etiketi
Alt Etiketi, HTML kodları ile resim dosyası eklenmesini sağlayan <img> etiketinin içinde bulunan bir terimdir. Bu terim ile resim dosyalarına alternatif metinler sunulabilir. alt etiketi bir web sitesindeki resim dosyalarının görüntülenmemesi durumunda ekranda belirecek metni ifade etmektedir. Seo için önemlidir.
<img src="images/logo.png" width="120" height="80" alt="Koton Logo">
alt="Koton Logo" seoda kullanılan yerlerden biri.
title="Koton Logo" başlık bölümleri için ayrıca açıklama yazısı yazılabilir.
<li><a href="#" title="Koton Logo">Erkek </a></li>
title="Koton Logo" başlık bölümleri için ayrıca açıklama yazısı yazılabilir. başlığın üzerine geldiğinde mini pencere ile açıklama yazısı çıkar.
Heading Tags Başlık Etiketleri h1 h2 h3 h4 h5 h6
h1 en büyük font ve her sayfada bir kere kullanılır.
Diğerleri h2 h3 h4 h5 h6 birden fazla kullanılabilir ama büyükten küçüğe doğru kullanılmalı.
Hiyerarşi önemli.
Responsive Tasarım
Responsive, duyarlı / uyumlu web tasarım, yani mobil cihazlarda iyi bir deneyim sunan web siteleridir.
<meta name="viewport" content="width=1080" /> sitelerin duyarlı olarak çalıştıran kod.
bu kod olmazsa olmaz
Responsive, duyarlı / uyumlu web tasarım, yani mobil cihazlarda iyi bir deneyim sunan web siteleridir.
<meta name="viewport" content="width=1080" /> sitelerin duyarlı olarak çalıştıran kod.
bu kod olmazsa olmaz
</div><!----- Gövde Bölümü ------> seo için önemli değil!
???????
<html>
<head>
<title>başlık</title>
</head>
<body>
resim
</body>
</html>
Yararlı Linkler
4- TEMEL META ETİKETLERİ
Hiç yorum yok:
Yorum Gönder