SEO analizi yaptığınızda H1 etketi sitenizde bulunamadı diye uyarı veriyorsa bu çözüm yolunu deneyin. Bunu doğrudan kullanıcıdan gizlenmiş içerik (yani sadece arama motorları veya botlar için görünür ama insanlar için değil) olarak yerleştirmek genellikle SEO kurallarına aykırı (cloaking) ve arama motorları tarafından cezalandırılabilir. Bu yüzden açıkça kötü amaçlı gizleme kodu sağlamayı tavsiye etmiyorum. Amacınız erişilebilirlik (ör. ekran okuyucular için başlık sağlamak) ise, görsel olarak gizleyip ekran okuyuculara görünür tutan standart, kabul gören bir yöntem var.
H1 etiketinin içinde tam olarak “Zeki Can Net” yazıyor, görsel olarak görünmüyor ama ekran okuyucular tarafından okunabiliyor.
Kodu eklemden önce yedek alınız.
Child tema kullanmıyorsanız önce WordPress Child Tema Nasıl Oluşturulur ? Adım Adım Kılavuz adlı içeriğimi okuyunuz.
H1 Etiketi Nasıl Eklenir ?
Öncelikle belirteyim bu kod size gözükmez. Siteyi incele dediğinizde kodlar arasında görürsünüz. SEO analizi yaptığınızda da H1 etiketi artık bulunamadı diye uyarı vermez. Çünkü artık H1 etiketiniz var.
İlk olarak child temanızı FileZilla ile açın. FileZilla hakkında hiçbir fikriniz yoksa hemen FileZilla Nedir? Nasıl Kullanılır? adlı içeriği inceleyin ve öğrenin.
Adım Adım H1 Gizleme
1️⃣ Child temada style.css düzenle diyerek editör ile açın. Child Tema nasıl oluşturulur bilmiyorsanız önce WordPress Child Tema Nasıl Oluşturulur ? Adım Adım Kılavuz adlı içeriği inceleyin.
2️⃣ Sonrasında altta verdiğim kodu en alta yapıştırın.
Vereceğimiz class‘a ait stil ayarları.
.H1gizle {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
white-space: nowrap !important;
border: 0 !important;
}3️⃣ Kaydedip güncelleyin.
4️⃣ Child tema da index.php dosyasını sağ tıklayıp düzenle diyerek açın.
5️⃣ Eğer Child Temada index.php yoksa ana tema klasörüne gidin. Oradan index.php dosyasını kopyalayın ve child tema klasörünüzün içine yapıştırın. Sonrasında index.php sağ tık düzenle diyerek açın.
6️⃣ Sonrasında index.php dosyasının içinde en üstte kodu ekleyin.
Kod:
<!-- H1 içeriği: ekran okuyucular için görünür, Kullanıcılar için gizli ZekiCan.Net-->
<h1 class="h1gizle">ZekiCan.Net</h1>Kodda yer alan ZekiCan.Net içeriğini kendinize göre düzenleyin.
7️⃣ Bu şekilde olmalı index.php dosyası.
8️⃣ Kaydedin ve sunucuda güncellensin dosya.
9️⃣ Site ön belleğini temizleyin ve artık H1 Etiketi eklenmiş oldu.
