Dijital pazarlama dünyasında, iyi yapılandırılmış bir web sitesi ziyaretçileri çekmede ve arama motoru sıralamalarını iyileştirmede kritik bir rol oynar. Herhangi bir etkili web sayfasının temel unsurlarından biri, birincil başlık görevi gören H1 etiketidir. WordPress kullanıcıları için, bu özelliği ana sayfaya entegre etmek sezgisel olmayabilir ancak hem kullanıcı deneyimi hem de SEO için önemli faydalar sağlayabilir.

Bu makale, functions.php dosyasını kullanarak WordPress ana sayfanıza bir H1 etiketi ekleme konusunda size rehberlik edecektir. Bu basit adımları izleyerek sitenizin görünürlüğünü artırabilir ve genel performansını iyileştirebilirsiniz. Ana sayfanızın hem kullanıcılar hem de arama motorlarıyla etkili bir şekilde iletişim kurmasını sağlayarak etkileşim için yeni fırsatların kilidini açın. Bu değerli değişikliği sorunsuz bir şekilde nasıl uygulayacağınızı inceleyelim.

Wordpress Ana Sayfaya H1 Ekleme ( H1 Gizleme )


functions.php Dosyasını Açın:
  • WordPress temanızın functions.php dosyasını açın. Bu dosya genellikle tema klasörünüzde bulunur.
Fonksiyon Ekleyin:
  • Aşağıdaki kodu functions.php dosyasına ekleyin. Bu kod, ana sayfada bir <h1> etiketi ekleyecektir.
function add_hidden_h1_to_body() {
if ( is_front_page() ) { // Sadece ana sayfada çalışır
echo '<h1 class="hidden-h1">Buraya Başlığınız Gelecek</h1>';
}
}
add_action( 'wp_body_open', 'add_hidden_h1_to_body' );

function add_hidden_h1_styles() {
echo '<style>
.hidden-h1 {
position: absolute;
left: -9999px;
/* Ekran okuyucular için görünür olmasını sağlamak */
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
overflow: hidden;
height: 1px;
width: 1px;
}
</style>';
}
add_action( 'wp_head', 'add_hidden_h1_styles' );
Kodu Kaydedin:
  • functions.php dosyasını kaydedin ve değişikliklerinizi uygulayın.

Açıklama:

  • Fonksiyon: add_hidden_h1_to_head adında bir fonksiyon oluşturur. Bu fonksiyon, ana sayfada çalışacak şekilde yapılandırılmıştır.
  • CSS Stili: <style> etiketi içindeki CSS kodu, başlığı sayfa dışına taşır ve görünmez yapar, fakat ekran okuyucular tarafından algılanmasını sağlar.
  • wp_head: add_action fonksiyonu, wp_head kancasına eklenmiş olup, bu kanca HTML <head> etiketinin içine kod ekler.
Kaynak : https://seo.farukkuscu.net/wordpress...aya-h1-ekleme/