SEO işlemlerinin başlangıcı, web sitesi kodlanırken kullanılan HTML etiketlerinden geçer. Doğru etiket kullanımı web sitesinin arama motoru tarafından daha doğru yorumlanmasına ve sıralamasına yardımcı olacaktır. Ayrıca SEO işlemlerinde sosyal medya faktörü çok etkilidir. Meta etiketler arasına sosyal medya etiketlerini de ekleyerek Instagram, Facebook, Twitter gibi sosyal medya hesaplarınızla web siteniz arasında bağlantı kurarak SEO çalışmalarınızın verimini arttırabilirsiniz.
1. Title Etiketi
Başlık etiketi SEO'nun temel yapı taşlarındandır aynı zamanda web sitenizin görünümü ve tamamlanması için olmazsa olmazdır.. Arama motorlarına ve kullanıcılara sayfanın ana konusu hakkında bilgi verir. Ayrıca tarayıcı sekmesinde görüntülenir ve arama sonuçlarında yer alır.
- Nasıl Kullanılmalı?
- Her sayfa için benzersiz ve açıklayıcı bir başlık oluşturun.
- Hedef anahtar kelimeyi başlığın başına yakın bir yerde kullanın.
- 50-60 karakter arasında olmasına dikkat edin.
- Mutlaka <head> </head> etiketleri arasında kullanın
<title>SEO İçin En Önemli HTML Etiketleri</title>
2. Meta Açıklama Etiketi
Meta açıklama etiketi, sayfanın içeriğini özetleyen hem arama motoruna hem de kullanıcılara bilgi veren kısa bir açıklamadır. Doğru optimize edilmiş bir meta açıklama ziyaretçilerin dikkatini çekerek tıklama oranını artırarak daha fazla trafik çekebilir.
- Nasıl Kullanılmalı?
- Sayfanın içeriğini doğru ve çekici bir şekilde özetleyin.
- 150-160 karakter arasında olmasına dikkat edin.
- Anahtar kelimeyi doğal bir şekilde dahil edin.
- Mutlaka <head> </head> etiketleri arasında kullanın
<meta name="description" content="SEO için en önemli HTML etiketlerini ve sosyal medya etiketlerinin nasıl kullanılması gerektiğini öğrenin.">
3. Başlık Etiketleri (H1, H2, H3...)
Başlık etiketleri içerikleri hiyerarşik bir düzende yapılandırır. H1 etiketi sayfanın ana başlığını temsil ederken, H2 ve H3 gibi alt başlıklar içeriği düzenler. Sayfanın birden çok alt başlığı olabilir ancak mutlaka tek ana başlığı olmalıdır.
- Nasıl Kullanılmalı?
- Her sayfada yalnızca bir H1 etiketi olmalıdır.
- Anahtar kelimenizi H1 etiketinde doğal bir şekilde kullanın.
- Alt başlıkları içeriği bölmek için kullanın.
<h1>SEO İçin En Önemli HTML Etiketleri</h1>
<h2>Başlık Etiketleri Nasıl Kullanılır?</h2>
4. Alt Etiketi (Görseller İçin)
Arama motorları görselleri doğrudan analiz edemediği için, alt etiketi ile görseller açıklanmalıdır. Bu etiket, görsellerin arama motorlarında bulunmasını sağlamakla beraber erişilebilirlik açısından da ziyaretçilerinize iyi bir kullanıcı deneyimi sunar.
- Nasıl Kullanılmalı?
- Her görsel için anlamlı bir alt metin yazın.
- Anahtar kelimeyi doğal bir şekilde kullanın.
<img src="seo-html-etiketleri.jpg" alt="SEO için önemli HTML etiketleri listesi">
5. Canonical Etiketi
Canonical etiketi, bir sayfanın başka bir sayfayla aynı ya da benzer olduğunu arama motorlarına bildirir. Bu, yinelenen içerik sorunlarını önler ve sıralamanızı korur. Bu etiketin kullanılmaması halinde içerikleriniz kopya algılanabilir, web siteniz sıralamadan düşebilir.
<link rel="canonical" href="https://www.orneksite.com/seo-html-etiketleri">
6. Robots Meta Etiketi
Robots meta etiketi, arama motorlarına bir sayfanın indekslenip indekslenmeyeceğini belirtir bu sayede arama motoru botlarını web sitenizi tararken istediğiniz gibi yönlendirebilirsiniz.
<meta name="robots" content="index, follow">
7. OG (Open Graph) Etiketleri
OG etiketleri, Facebook sosyal medya platformu ile web siteniz arasında bağlantı kurabilmenizi sağlar. Başlangıçta Facebook için oluşturulan bu etiketler sonrasında Instagram, Linkedin, Pinterest, Youtube Video, Whatsapp ve Slack gibi diğer platformlar için de kullanılmaya başlamıştır. Web sitenizin bir sosyal medya platformunda paylaşıldığında nasıl görüneceğini optimize etmek, sosyal medya trafiği için önemlidir.
- Nasıl Kullanılmalı?
- Sayfanızın başlığını, açıklamasını ve görüntüsünü doğru bir şekilde belirtin.
<meta property="og:title" content="SEO İçin En Önemli HTML Etiketleri">
<meta property="og:description" content="SEO ve sosyal medya etiketlerini kullanarak web sitenizi optimize edin.">
<meta property="og:image" content="https://www.orneksite.com/seo-gorsel.jpg">
<meta property="og:url" content="https://www.orneksite.com/seo-html-etiketleri">
8. X Platformu Cards Etiketleri
X Platformu (Twitter), paylaşımlarınızın nasıl görüneceğini belirlemek için Twitter Cards etiketlerini kullanır. Bu etiketler, paylaşılan bağlantıların zengin içerikli ön izlemelerle görüntülenmesini sağlar.
- Nasıl Kullanılmalı?
- Twitter’ın desteklediği summary, summary_large_image, app, veya player kartlarını kullanabilirsiniz.
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="SEO İçin En Önemli HTML Etiketleri">
<meta name="twitter:description" content="SEO ve sosyal medya etiketlerini kullanarak web sitenizi optimize edin.">
<meta name="twitter:image" content="https://www.orneksite.com/seo-twitter-gorsel.jpg">
<meta name="twitter:site" content="@OrnekSite">
9. Schema Markup (Yapısal Veri)
Schema markup, arama motorlarına ve ziyaretçilere web siteniz hakkında daha fazla bilgi verir ve zengin snippet'ler (yıldız puanları, fiyat bilgileri vb.) oluşturur. Bu, SEO açısından önemli bir fark yaratabilir. Bu fark şu şekilde açıklanabilir:
- Sayfanız üzerinden satışını yaptığınız bir ürünün değerlendirme ve fiyatlarını potansiyel müşterileriniz daha web sitesine girmeden görüntüleyebilirler.
- Makale içeriğiniz veya diğer paylaşımlarınız hakkında web sitesine girmeden önce sadece meta title ve meta description gibi etiketlerin yanı sıra daha detaylı bilgi sağlar.
- Liste ve benzeri içeriklerinizde farklı görünümler sunarak dikkat çekici bir yapı oluşturmanızı sağlar.
- Son olarak ise bu detaylı bilgilendirmeleri arama motoru robotlarına ileterek bu robotların çok daha detaylı bilgiye sahip olmasını sağlar.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "SEO İçin En Önemli HTML Etiketleri",
"datePublished": "2024-09-20",
"image": "https://www.orneksite.com/seo-gorsel.jpg"
}
</script>