OG Etiketleri Hata Ayıklayıcısı

Sonraki

Bağlantı önizlemeniz boş ya da yanlışsa, hata ayıklamaya ilk olarak sayfa kaynağındaki og etiketlerinden başlayın. HTML i yapıştırın, araç tam olarak hangi etiketleri okuyabildiğini ve her birinin değerini gösterir. Böylece eksik ya da boş bir etiket hemen göze çarpar.

og etiketlerini nasıl ayıklarsınız

  1. 1

    view-source kullanın

    Tarayıcı denetleyicisi yerine sayfa kaynağını açın ve head bölümünü kopyalayın. Tarayıcılar ham yanıtı okur.

  2. 2

    Yapıştırın ve çalıştırın

    Sayfa başlığı HTML kutusuna yapıştırın, Sonraki düğmesine, ardından Sonuçlar düğmesine tıklayın.

  3. 3

    Kırmızı öğeleri bulun

    Altı kontrol arasındaki her kırmızı öğe, aracın işaretlemenizden okuyamadığı bir etikettir.

  4. 4

    Nedeni eşleştirin

    Yazdırılan değerleri aşağıdaki listeyle karşılaştırın, head bölümünü düzeltin ve yeniden yapıştırın.

Bir etiketin okunmamasının olağan nedenleri

Head içinde gördüğünüz bir etiket eksik olarak raporlandığında, neden neredeyse her zaman aşağıdakilerden biridir:

Belirti Olası neden Çözüm
og:title kırmızı görünüyor Etiket name="og:title" kullanıyor name yerine property yazın
Etiket eksik, değer doğru görünüyor Değerin tırnağı yok content değerini tırnak içine alın
Etiket kırmızı, ama yalnızca denetleyicide var Etiketi JavaScript ekliyor Etiketi sunucu HTML inde üretin
Etiket yeşil, ama boş metin yazdırılıyor content özniteliği boş Değeri doldurun
Etiket kesik ya da eksik content değerinin içinde ham bir > karakteri var > olarak yazın
Görsel /img/a.jpg gibi bir yolla listeleniyor Göreli adres Tam https adresini kullanın

Sizi yanıltabilecek durumlar

  • Yorum satırına alınmış etiketler yine de okunur. Denetleyici yapıştırdığınız metni tarar, bu yüzden bir HTML yorumunun içindeki etiket yeşil görünebilir, oysa tarayıcı ya da bir tarayıcı robotu onu yok sayar. Test etmeden önce eski yorum satırına alınmış kodları silin.
  • Yinelenenler. Aynı etiket iki kez varsa liste tek bir değer gösterir: bulunan son değer. Başlığınızda tekrarları arayın. Bunlar çoğu zaman hem bir tema hem de bir eklenti aynı etiketi eklediğinde ortaya çıkar.
  • Boş değerler. Yalnızca og:title ve og:description boşken başarısız sayılır. Diğer etiketler, etiket var olduğunda mevcut sayılır, bu yüzden boşlukları bulmak için yazdırılan değerleri okuyun.

Kısa bir hata ayıklama rutini

  1. Head bölümünü yapıştırın ve kırmızı öğeleri not edin.
  2. Düzeltmeyi yapıştırdığınız kopyada değil, şablonunuzda yapın.
  3. Sayfayı yeniden yükleyin, kaynak kodu yeniden kopyalayın ve yeni sürümü yapıştırın.
  4. Altı kontrolün hepsi yeşil olana ve yazdırılan değerler doğru görününceye kadar tekrarlayın.

Bu araç canlı sayfayı değil metni okuduğu için, og:image adresinin hata verip vermediğini ya da sayfanın yönlendirme yapıp yapmadığını göstermez. Adresin yüklendiğini doğrulamak için og:image adresini tarayıcınızda açın.

Altı kontrol yeşil ama önizleme hâlâ yanlışsa

İşaretleme doğru olabilir ve başka bir şey hâlâ çalışmıyor olabilir. Görsel adresinin giriş yapmadan tarayıcıda açıldığını, sayfanın farklı etiketlerle başka bir adrese yönlendirmediğini ve platformun önceki bir taramanın önbelleğe alınmış kopyasını göstermediğini kontrol edin. Bu nedenler işaretlemenin dışındadır ve burada görünmez, ama buradaki temiz sonuç aramayı tam olarak bunlara daraltır.

Sık Sorulan Sorular

Araç, HTML yorumları dahil yapıştırdığınız ham metni tarar. Test etmeden önce yorum satırına alınmış etiketleri silin.

Sonuçlar, etiket adı başına tek bir değer gösterir: bulunan son değer. Belirsizliği önlemek için yinelenen etiketi kaldırın.

Denetleyici, betikler çalıştıktan sonraki sayfayı gösterir. Tarayıcı robotları genellikle ham HTML yanıtını okur, bu yüzden hata ayıklamayı view-source ile yapın.

Hayır. Yalnızca yapıştırılan işaretlemeyi okur. Yönlendirmeleri, engellenen istekleri ya da yüklenemeyen bir görseli göremez.

İlgili Araçlar

Araç diğer dillerde mevcuttur

Rehberler ve kullanım örnekleri