En çok ihtiyaç duyduğunuzda güvenilir WordPress eğitimleri.
WordPress Başlangıç Rehberi
WPB Kupası
30 Milyon+
Eklentilerimizi kullanan web siteleri
20+
Yıllık WordPress deneyimi
3000+
Uzmanlardan WordPress eğitimleri

WordPress'te HTML Site Haritası Sayfası Nasıl Eklenir (2 Yöntem) 

Çoğu WordPress sitesinde her şeyi tek bir yerde listeleyen tek bir sayfa bulunmaz, bu nedenle ziyaretçilerin doğru içeriğe ulaşmak için menülere veya aramaya güvenmesi gerekir.

Bir HTML site haritası, tüm önemli içeriğinizi tek bir sayfaya koyarak bunu düzeltir. Bu kılavuzda, bir eklenti kullanarak ve kod parçacıkları olmadan nasıl oluşturacağınızı göstereceğiz.

Site haritası şeması ve WordPress logosunu içeren, WordPress'te HTML site haritası eklemek için öğretici grafik.

XML ve HTML Site Haritaları Arasındaki Fark Nedir?

Bir XML site haritası, web sitenizin tüm içeriğini Google gibi arama motorlarının okuyabileceği bir biçimde listeleyen bir dosyadır. Arama motorlarının sayfalarınızı daha hızlı bulmasına ve taramasına yardımcı olmak için Google Search Console'a gönderebilirsiniz.

Bir HTML site haritası farklı çalışır. Bir alışveriş merkezindeki bir yönlendirme panosu gibi düşünün.

Arama motorlarını yönlendirmek yerine, ziyaretçilerinizi yönlendirir, gönderilerinizi ve sayfalarınızı tek bir organize sayfada listeler, böylece insanlar geldikleri şeyi hızlıca bulabilirler.

HTML site haritası örneği

Farkı bildiğinize göre, WordPress sitenize bir HTML site haritası eklemenin yollarına bakalım. Kullanmak istediğiniz yönteme doğrudan atlamak için aşağıdaki hızlı bağlantıları kullanabilirsiniz:

Yöntem 1: Hepsi Bir Arada SEO ile WordPress'e HTML Site Haritası Sayfası Ekleme

Ücretsiz All in One SEO eklentisi gibi bir WordPress SEO eklentisi kullanmak, birkaç tıklamayla bir HTML site haritası sayfası eklemenin en kolay yoludur.

Eklenti zaten XML site haritanızı ve temel SEO ayarlarınızı yönettiği için, yalnızca bunun için ayrı bir araç yüklemek yerine her ikisini de aynı yerden yönetebilirsiniz.

Öncelikle eklentiyi yüklemeniz ve etkinleştirmeniz gerekir. Etkinleştirdikten sonra, kurulum sihirbazı açılacaktır, buradan 'Başlayalım' düğmesine tıklayabilirsiniz.

Her ayarın tam bir özetini istiyorsanız, All in One SEO for WordPress'i kurma kılavuzumuza bakın.

İşiniz bittiğinde, All in One SEO » Site Haritaları'na gidin ve 'HTML Site Haritası' sekmesine tıklayın. Ardından, 'Site Haritasını Etkinleştir' geçişini açın.

AIOSEO'da HTML site haritasını etkinleştirin

Ardından, site haritanızı nasıl görüntülemek istediğinizi seçin. Bu eğitim için 'Özel Sayfa' seçeneğini seçeceğiz. Alternatif olarak, bunu bir kısa kod, blok veya widget olarak ekleyebilirsiniz.

Bunu yaptıktan sonra, site haritanızın görünmesini istediğiniz URL'yi girin ve eklenti bu sayfayı sizin için otomatik olarak oluşturacaktır.

Not: All in One SEO bu sayfayı dinamik olarak oluşturduğu için, WordPress yönetici alanındaki sayfalar listenizde görünmeyecektir. Değişiklik yapmak için her zaman bu ayarlar ekranına geri dönebilirsiniz.

HTML site haritanızı AIOSEO'da görüntülemek için Özel Sayfa seçeneğini seçin

Ardından, 'HTML Site Haritası Ayarları' bölümüne gidin. Burada, site haritanızda hangi gönderi türlerinin ve kategoriler ve etiketler gibi taksonomilerin görüneceğini seçebilirsiniz.

Daha fazla kontrol istiyorsanız, 'Gelişmiş Ayarlar', belirli gönderileri, sayfaları veya terimleri listeden hariç tutmanıza olanak tanır.

AIOSEO'da HTML site haritası ayarlarını yapılandırın

Tam bir liste yerine site haritanızı kompakt bir tarih arşivi olarak görüntülemeyi tercih ederseniz 'Kompakt Arşivler' seçeneğini de açabilirsiniz. Ayarlarınızdan memnun kaldığınızda 'Değişiklikleri Kaydet'e tıklayın.

HTML site haritanız artık yayında. 'Özel Sayfa' seçeneğini seçtiyseniz, 'HTML Site Haritasını Aç' düğmesine tıklayarak görüntüleyebilirsiniz.

AIOSEO ile oluşturulmuş HTML site haritası

Yöntem 2: Kod ile WordPress'te HTML Site Haritası Sayfası Ekleme

Tümünü Tek Bir SEO'ya kullanmak istemiyorsanız çünkü diğer özelliklerinin tümüne ihtiyacınız yoksa, alt temanızın functions.php dosyasına özel kod ekleyerek bir HTML site haritası oluşturabilirsiniz.

Ancak, en küçük bir hata bile sitenizin tamamını bozabilir ve WordPress beyaz ekran hatasına neden olabilir.

Bu nedenle, WPCode gibi bir kod parçacığı eklentisi kullanmanızı öneririz. Ücretsiz sürümü, tema dosyalarınıza dokunmadan kodunuzu güvenli bir şekilde eklemenize ve yönetmenize olanak tanır.

Yapmanız gereken ilk şey WPCode eklentisini kurmak ve etkinleştirmektir. Daha fazla ayrıntı için bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakın.

Etkinleştirdikten sonra, WordPress kontrol panelinizden Kod Parçacıkları » + Parçacık Ekle'ye gidin. ‘Özel Kodunuzu Ekleyin (Yeni Parçacık)’ üzerine gelin ve ‘Parçacık kullan’ı tıklayın.

WPCode'a özel kod parçacığı ekleme

Yeni ekranda, kod türü olarak ‘PHP Parçacığı’nı seçin ve daha sonra bulabilmeniz için parçacığınıza bir başlık verin. Bu, ‘HTML Site Haritası’ gibi bir şey olabilir.

Ardından, aşağıdaki kodu ‘Kod Önizleme’ kutusuna yapıştırın.

function custom_html_sitemap() {
    $out = '<ul class="custom-sitemap">';

    // Pages
    $pages = get_pages(
        array(
            'sort_column' => 'menu_order,post_title',
            'post_status' => 'publish',
        )
    );

    foreach ( $pages as $page ) {
        $out .= sprintf(
            '<li><a href="%s">%s</a></li>',
            esc_url( get_permalink( $page->ID ) ),
            esc_html( get_the_title( $page->ID ) )
        );
    }

    // Recent posts
    $recent_posts = get_posts(
        array(
            'posts_per_page'      => 50,
            'post_status'        => 'publish',
            'orderby'            => 'date',
            'order'              => 'DESC',
            'post_type'          => 'post',
            'ignore_sticky_posts' => true,
        )
    );

    foreach ( $recent_posts as $p ) {
        $out .= sprintf(
            '<li><a href="%s">%s</a></li>',
            esc_url( get_permalink( $p->ID ) ),
            esc_html( get_the_title( $p->ID ) )
        );
    }

    $out .= '</ul>';

    return $out;
}

add_shortcode( 'custom_html_sitemap', 'custom_html_sitemap' );

Bu kod önce yayınlanmış tüm sayfalarınızı, ardından en son 50 gönderinizi listeler ve her şeyi, herhangi bir sayfaya yerleştirebileceğiniz [custom_html_sitemap] adlı bir kısa koda sarar.

İşiniz bittiğinde, üstteki anahtarı ‘Etkin Değil’den ‘Etkin’e getirin, ardından ‘Parçacığı Kaydet’i tıklayın.

HTML site haritası oluşturmak için kod parçacığınızı kaydedin

Şimdi, Sayfalar » Yeni Ekle'ye giderek yeni bir sayfa oluşturun veya site haritanızın görüntülenmesini istediğiniz mevcut bir sayfayı açın. Bir ‘Kısa Kod’ bloğu ekleyin ve aşağıdaki kısa kodu içine yapıştırın:

[custom_html_sitemap]

HTML site haritası eklemek için kısa kod ekleyin

Sayfayı yayınladığınızda, ziyaretçileriniz sayfalarınızın ve son gönderilerinizin basit bir listesini, hepsi bağlantılı ve göz atmaya hazır olarak göreceklerdir.

Kod ile oluşturulmuş HTML site haritası

HTML Site Haritası SSS

HTML site haritası SEO için iyi midir?

Evet. Bir HTML site haritası, sitenizdeki her önemli sayfaya dahili bir bağlantı ekler, bu da arama motorlarının içeriğinizi keşfetmesine yardımcı olur. Ayrıca sitenizin ziyaretçiler tarafından gezinmesini kolaylaştırır.

Yeni içerik eklediğimde HTML site haritası otomatik olarak güncellenir mi?

Evet. İster All in One SEO kullanın ister yukarıdaki özel kod yöntemini kullanın, yeni bir gönderi veya sayfa yayınladığınızda site haritanız otomatik olarak güncellenir. Güncel tutmak için fazladan bir şey yapmanız gerekmeyecektir.

HTML site haritamı nereye koymalıyım?

HTML site haritanıza bağlantı vermek için en yaygın yer, web sitenizin altbilgisidir. Bu, ana gezinme menünüzü karıştırmadan herhangi bir sayfadan erişilebilir olmasını sağlar.

Başka bir iyi yer, 404 hata sayfanızdır. Bir ziyaretçi bozuk bir bağlantıya denk gelirse, HTML site haritanıza bir bağlantı aradıklarını bulmalarına yardımcı olabilir.

Yeni HTML site haritası sayfamı gezinme menüme nasıl eklerim?

Site haritanızı yayınladıktan sonra, herhangi bir menüye eklemek için WordPress yönetici kontrol panelinizde Görünüm » Menüler'e gidin. Özel kod yöntemini kullandıysanız, yeni sayfanızın yanındaki kutuyu işaretleyin.

Ancak, All in One SEO kullandıysanız, dinamik olarak oluşturulan sayfanız Sayfalar listesinde görünmeyecektir. Site haritanızın URL'sini yapıştırmak için ‘Özel Bağlantılar’ sekmesine tıklamanız gerekecektir.

Bir blok teması kullanıyorsanız, bağlantıyı Site Düzenleyici aracılığıyla eklemeniz gerekecektir.

Video Eğitim

WPBeginner'a Abone Olun

Umarız bu makale, WordPress'te bir HTML site haritası sayfası eklemeyi öğrenmenize yardımcı olmuştur. Ayrıca WordPress'te breadcrumb navigasyonunu nasıl göstereceğinizi ve kapsamlı WordPress SEO rehberimizi de görmek isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıkladığınızda bir komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve bize nasıl destek olabileceğinizi görün. İşte editöryal sürecimiz.

Nihai WordPress Araç Seti

Araç Kitimize ÜCRETSİZ erişim kazanın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Okuyucu Etkileşimleri

24 YorumYanıt Bırak

  1. Şu ana kadar bu 2 yöntem web sitem için geçerli değil çünkü HTML site haritasında yalnızca belirli bir kategorinin gösterilmesini istiyorum. Ne AIOSEO ne de SimpleSitemap bana bunu yapma imkanı veriyor. Elbette Gelişmiş Ayarları denedim (sadece AIO'da var) ama o zaman site haritasından hariç tutulacak her bir Gönderiyi veya Sayfayı manuel olarak seçmem gerekiyor. Bu manuel gereksinim, bir HTML site haritası oluşturmak için eklentileri kullanma amacını ortadan kaldırıyor.
    Bu AIO hakkında başka bir şey (wpbeginner her zaman onu tanıtıyor ve bana her şeye gücü yeten bir Eklenti gibi hissettiriyor) Breadcrumb ile ilgili:
    AIO'nun bu özelliği URL mantığını TAKİP ETMİYOR! Daha spesifik olarak, yalnızca web sitenizde güzel görünüyor, ancak önceki sayfaya (veya üst sayfaya) geri dönmek için tıkladığınızda, herhangi bir web sitesinde gezinirken her insanın yaptığı gibi. AIO sizi başka sayfalara (arşiv sayfasına) götürecek. Şahsen ben bunu anlamıyorum.
    Bana göre, bir SEO aracı olmasının dışında, AIO çok temel bir özellik sunuyor, hatta kendi kendine barındırılan web siteleri söz konusu olduğunda işe yaramaz demek gerekirse.

    • Geri bildiriminiz için teşekkür ederiz, eğer gönderilerinizin ve sayfalarınızın tamamının bir koleksiyonu yerine belirli bir sayfada yalnızca birkaçını istiyorsanız, istediğiniz listeyi manuel olarak oluşturmanızı öneririz ve bu, hedeflediğiniz amacı gerçekleştirmelidir, eğer amacınızı yanlış anlamadıysak.
      Breadcrumb (sayfa içi gezinme yolu) açıklamanız için, breadcrumb'lar içeriğinizin organizasyonuna bağlantı vermek içindir ve özel olarak bir geri düğmesi olmak için değil, normalde bu tarayıcı veya alternatif bir yöntemle yapılır.

      Yönetici

  2. Site haritasını her zaman SEO'yu iyileştirmek ve Google veya diğer arama motoru botlarına sayfalarımın içeriğini göstermek için bir araç olarak gördüm. Bazen arama motorlarına o kadar çok odaklanırsınız ki, web sitesini normal kullanıcılar için daha erişilebilir hale getirmeyi unutursunuz. HTML site haritası oluşturdum ve web sitesine yerleştirdim, böylece insanlar istediklerinde içeriğe daha kolay göz atabilirler. Site haritasının robotlar kadar kullanıcılara da hizmet edebileceği konusundaki yeni içgörü için teşekkürler.

  3. Merhaba WPBeginner, bu bilgilendirici makale için teşekkürler.
    Ben her zaman arama motorları için XML site haritalarına odaklandım, ancak şimdi kullanıcı navigasyonu için HTML site haritalarının değerini görüyorum.
    All in One SEO'yu kullanma talimatları için teşekkürler.

  4. WordPress, eklentilerine erişebilmem için bana iş planına yükseltme yapmam için 300 dolar ödememi istiyor. Tekliflerini reddedeceğim.

    • Bu makaledeki ikinci eklenti, içeriği kategoriye göre ayırmanıza olanak tanımalıdır.

      Yönetici

  5. GÖNDERİLERİN sayfalar gibi görünmesini sağlayamıyorum, bu yüzden benim için işe yaramaz. Sitemde sayfalar statik şeylerdir, Hakkımızda vb. Ama gönderiler insanların hemen görmek istediği yeni öğelerdir. Çeşitli konularda araştırma yapıyorum ve bu blogumun kalbi ve ruhudur. Yeni şeyleri o konuya göre bir listede görmelerini istiyorum. Sayfalar, Gizlilik, Çerezler, Hakkımızda, belki bir kez bakacağınız şeyler umurumda değil.

    Kodu denedim, bitmiş sayfada sadece KOD'u alıyorum.

    Ne yapabilirim?

  6. Tüm woocommerce mağaza kategorilerim ve ürünlerimle bir site haritası sayfası oluşturmak istiyorum. Bu eklenti bunu yapabilir mi?

  7. gizlilik politikası veya iletişim gibi bir site haritası sayfası yapamaz mıyız

  8. Makale çok ilginç. Birçok şeyi anlamama yardımcı oldu ve yakında tekrar böyle yazmaktan mutluluk duyacağım.

  9. Çok teşekkür ederim, bu site haritası inanılmaz derecede ince ayarlanmış, kesinlikle mükemmel ve bana büyük zaman kazandırdı.

  10. html sitesi gibi xml site haritası nasıl oluşturabilirim, herhangi bir olasılık var mı

  11. Web sayfama bir HTML site haritası ekledim ve çok güzel görünen ve işlevsel bir arşiv sayfası oldu.

  12. Ziyaretçileriniz için bir site haritasına sahip olmak asla kötü bir fikir değildir. Sadece bir not olarak, site haritanızı Google'a gönderdiğinizde/gönderirseniz, bunun XML olanından emin olun!

  13. Ancak eksik olan şey, birinin neden bir HTML site haritasına ihtiyaç duyacağı veya ne zaman önerileceği. Belki kısa bir artı ve eksi listesi yardımcı olur. Teşekkürler

    • Statik ve kronolojik olmayan içeriklere, yani sayfalara sahip siteler için daha kullanışlıdır. Bir site haritası sayfası, kullanıcıların tüm sayfaları hiyerarşik sıralarına göre görmelerine yardımcı olabilir.

      Yönetici

Bir Yanıt Bırakın

Yorum bırakmayı seçtiğiniz için teşekkürler. Lütfen tüm yorumların yorum politikamıza göre denetlendiğini ve e-posta adresinizin YAYINLANMAYACAĞINI unutmayın. Lütfen ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.