SEO İçin Yapılması Gereken HTML Kodları - Detaylı
 |
| SEO HTML Kodları |
SEO İçin Yapılması Gereken HTML Kodları içeriğimizde sizlere web siteniz için en önemli olan SEO HTML kodlarını ve açıklamalarını paylaşacağız. İşte detaylar....
SEO, "Search Engine Optimization" (Arama Motoru Optimizasyonu) kısaltmasıyla ifade edilir ve web sitelerinin arama motorlarında daha iyi sıralamalar elde etmek için yapılan çeşitli tekniklerin ve stratejilerin bütününü ifade eder. SEO'nun temel amacı, bir web sitesinin arama motorlarının organik (ücretsiz) arama sonuçlarında daha yüksek sıralamalarda görünmesini sağlayarak, daha fazla trafik çekmektir.
SEO için HTML kodları da bu optimizasyon sürecinde önemli bir rol oynar. İşte temel SEO odaklı HTML kodları ve açıklamaları:
 |
| HTML SEO Kodları |
SEO İçin Yapılması Gereken HTML Kodları
Title Etiketi:
Arama sonuçlarında gösterilecek olan başlık metnidir. Her sayfa için benzersiz ve anlamlı olmalıdır.
<head> <title>Ana Sayfa - Örnek Website</title>
</head>Meta Açıklama (Description) Etiketi:
Arama sonuçlarında gösterilecek olan kısa açıklama metnidir. Sayfanın içeriğini özetlemelidir.
<head> <meta name="description" content="Örnek Website, en yeni ürünleri sizlere sunar.">
</head>Başlık Etiketleri (Heading Tags):
Başlık etiketleri sayfanın yapısını belirtir. H1 en önemli başlıktır ve sayfa başlığını ifade eder. Diğer başlık seviyeleri (H2, H3, vb.) alt başlıkları ifade eder.
<h1>Ana Sayfa Başlığı</h1><h2>Ürünlerimiz</h2>
<h3>Yeni Koleksiyon</h3>URL Yapısı:
URL'ler anlaşılır ve anahtar kelimeleri içerecek şekilde olmalıdır.
<!-- Kötü URL --><a href="/urun?id=123">Ürün Detayı</a>
<!-- İyi URL -->
<a href="/urun/anahtar-kelime-urun-adi">Ürün Detayı</a>Resim Açıklamaları (Alt Metni):
Resimlerin alt metinleri, görme engelliler için önemlidir ve arama motorlarına içeriğin anlaşılmasına yardımcı olur.
<img src="resim.jpg" alt="Kırmızı Elbise - Yaz Koleksiyonu">Bağlantı Metinleri:
Sayfa içi ve dışı bağlantı metinleri, hedef sayfanın içeriği hakkında bilgi vermelidir.
<!-- Sayfa içi bağlantı --><a href="/urunler">Tüm Ürünlerimiz</a>
<!-- Sayfa dışı bağlantı -->
<a href="https://www.diger-site.com">Faydalı Kaynak</a>Sayfa Hızı Optimizasyonu:
Sayfa hızı SEO için önemlidir. Resim boyutları sıkıştırılmalı, gereksiz kodlar kaldırılmalı ve sayfa önbellekleme kullanılmalıdır.
Mobil Uyum (Responsive Design):
Web sitenizin mobil cihazlarda düzgün görüntülenmesi, SEO sıralamanızı olumlu etkiler.
Schema Markup (Yapısal Veri):
Schema markup, arama sonuçlarında daha zengin ve özelleştirilmiş bilgiler göstermenizi sağlar.
<script type="application/ld+json"> {
"@context": "http://schema.org",
"@type": "Product",
"name": "Örnek Ürün",
"image": "urun.jpg",
"description": "Bu ürünün açıklaması.",
"brand": {
"@type": "Brand",
"name": "Örnek Marka"
}
}
</script>Canonical Etiketi:
Sayfanın birden fazla URL'si varsa, canonical etiketi sayfanın asıl URL'sini belirtir.
<head> <link rel="canonical" href="https://www.ogyazilim.blogspot.com/ana-sayfa">
</head>Robots Meta Etiketi:
Arama motorlarının sayfayı nasıl tarayacağını belirlemek için kullanılır. Örneğin, sayfanın indekslenmesini istemiyorsanız `noindex` kullanabilirsiniz.
<head> <meta name="robots" content="index, follow">
</head>Sosyal Paylaşım Meta Etiketleri:
Sayfanızın sosyal medya paylaşımları için önizleme bilgilerini belirlemek için kullanılır.
<head> <meta property="og:title" content="Örnek Website">
<meta property="og:description" content="En yeni ürünleri sizlere sunar.">
<meta property="og:image" content="onizleme.jpg">
<meta property="og:url" content="https://www.ogyazilim.blogspot.com.com">
</head>Viewport Ayarı:
Mobil cihazlarda sayfanın nasıl görüntüleneceğini kontrol eder.
<meta name="viewport" content="width=device-width, initial-scale=1.0">Canonical Etiketi:
Sayfanın birden fazla kopyası varsa, hangi sayfanın asıl sürüm olduğunu belirtmek için kullanılır.
<link rel="canonical" href="https://www.siteniz.com/ana-sayfa">Site Haritası (XML Sitemap):
Arama motorlarının sitenizi daha iyi tarayabilmesi için site haritası kullanılabilir. Bu harita, sitenizdeki sayfaları ve içerikleri listeler.
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://www.siteniz.com/</loc>
<lastmod>2023-08-01</lastmod>
</url>
<!-- Diğer sayfalar burada listelenebilir -->
</urlset>
Yapısal Veri (Schema Markup) Genişletmeleri:
Belirli iş alanları için daha spesifik yapısal veri eklemek, arama sonuçlarında daha fazla ayrıntı göstermeye yardımcı olabilir.
<script type="application/ld+json"> {
"@context": "http://schema.org",
"@type": "Product",
"name": "Örnek Ürün",
"image": "urun.jpg",
"description": "Bu ürünün açıklaması.",
"brand": {
"@type": "Brand",
"name": "Örnek Marka"
},
"offers": {
"@type": "Offer",
"price": "19.99",
"priceCurrency": "TRY"
}
}
</script>Hreflang Etiketi:
Birden fazla dilde veya bölgede içeriğiniz varsa, farklı versiyonları arasında ilişki kurmak için kullanılır.
<link rel="alternate" hreflang="tr" href="https://www.ogyazilim.blogspot.com/tr/"><link rel="alternate" hreflang="en" href="https://www.ogyazilim.blogspot.com/en/">Nofollow Bağlantılar:
Arama motorlarına takip etmemeleri gereken bağlantıları belirtmek için `nofollow` kullanılabilir.
<a href="/sayfa" rel="nofollow">Sayfa Linki</a>Sayfa İçi Bağlantılar:
Sayfa içi bağlantılar, sitenizin iç yapısını güçlendirmeye yardımcı olur ve ziyaretçilerin farklı içeriklere kolayca erişmelerini sağlar.
<a href="/urunler">Tüm Ürünlerimiz</a> |
| SEO için HTML kodları |
CSS ve JavaScript Dosyalarının Sıkıştırılması:
CSS ve JavaScript dosyalarını sıkıştırarak sayfa yükleme hızını artırabilirsiniz.
Başlık Uzunluğu Kontrolü:
Başlıklar, arama sonuçlarında kesilebileceği için uygun uzunlukta olmalıdır. Genellikle 60-70 karakter arasında olmalıdır.
Anahtar Kelime Kullanımı:
Anahtar kelimeleri doğal ve anlamlı bir şekilde kullanmalısınız. Anahtar kelime doldurma (keyword stuffing) kaçınılmalıdır.
Hızlı Sayfa Yükleme:
Sayfa yükleme hızı, hem kullanıcı deneyimini hem de SEO sıralamanızı etkiler. Resimleri sıkıştırın, gereksiz kodları kaldırın ve önbellekleme kullanın.
Mobile Friendly (Mobil Uyumlu) Tasarım:
Mobil cihazlarda düzgün görüntülenen ve kullanılabilir bir tasarım, hem ziyaretçi memnuniyetini hem de SEO'yu olumlu etkiler.
SSL Sertifikası:
HTTPS kullanmak, güvenli bir bağlantı sağlar ve Google tarafından olumlu değerlendirilir.
Yavaş Yükleme Elemanları Kontrolü:
Aşırı yavaş yükleme elemanları (örneğin, yavaş üçüncü taraf içerikler) sayfa yükleme hızını etkileyebilir. Bunları optimize etmek önemlidir.
Yapısal HTML:
HTML etiketleri doğru ve hiyerarşik bir şekilde kullanarak sayfa yapısını belirtmelisiniz.
Sayfa Başlığı Hiyerarşisi:
Sayfa başlıklarını (H1, H2, H3, vb.) hiyerarşik bir şekilde kullanarak içeriğin yapısını belirtmelisiniz.
Doğru Kategori ve Etiketler:
Blog yazıları için doğru kategoriler ve etiketler kullanarak içeriğinizi düzenlemelisiniz.
HTML Geçerliliği ve Temizliği:
Geçerli ve temiz HTML kodları kullanmak, arama motorlarının sitenizi daha iyi anlamasına yardımcı olur.
SEO süreci karmaşık ve sürekli bir çalışmayı gerektirir. Sitenizin içeriğini ve amacını anlamak, hedef kitlenizi tanımak ve rekabeti değerlendirmek de önemlidir. Aynı zamanda güncel SEO trendlerini takip etmek ve stratejinizi düzenli olarak gözden geçirmek de başarılı bir SEO yaklaşımının bir parçasıdır.
Unutmayın ki SEO süreci sadece HTML kodları ile sınırlı değildir. İyi bir SEO stratejisi, içerik kalitesi, kullanıcı deneyimi, backlink profiliniz gibi birçok faktörü içermelidir. Bu nedenle, sadece HTML kodlarına odaklanmak yerine, geniş bir SEO stratejisi oluşturmanız önemlidir.