OG Etiketleri Hata Ayıklayıcısı
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
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
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
Kırmızı öğeleri bulun
Altı kontrol arasındaki her kırmızı öğe, aracın işaretlemenizden okuyamadığı bir etikettir.
-
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
- Head bölümünü yapıştırın ve kırmızı öğeleri not edin.
- Düzeltmeyi yapıştırdığınız kopyada değil, şablonunuzda yapın.
- Sayfayı yeniden yükleyin, kaynak kodu yeniden kopyalayın ve yeni sürümü yapıştırın.
- 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
Bağlantı Kısaltıcı Çözücü
bit.ly, t.co, tinyurl ve diğer kısa bağlantıları açın. Tıklamadan önce her yönlendirme adımını, durum kodunu ve son hedefi görün.
Breadcrumb Schema Oluşturucu
Her sayfa hiyerarşisi için geçerli BreadcrumbList JSON-LD üretin. Sitenizin head bölümüne yapıştırmaya hazır schema.org işaretlemesi verir.
Site Haritası Oluşturucu
URL listenizi yapıştırın ve changefreq, priority ve isteğe bağlı lastmod içeren geçerli bir XML site haritası oluşturun; kaydetmeye ve Search Console'a göndermeye hazır.
İndekslenebilirlik Kontrolcüsü
Bir URL'nin indekslenebilir olup olmadığını kontrol edin: robots.txt dosyası, meta robots tagi, X-Robots-Tag, kanonik sinyaller ve HTTP durumu.
SERP Önizleme
Yayınlamadan önce bir Google arama sonucunu önizleyin. Canlı karakter sayaçları çok uzun başlık ve meta açıklamalarda uyarır, Google stilinde bir snippet sonucunuzun nasıl göründüğünü gösterir.
UTM Bağlantı Oluşturucu
UTM source, medium, campaign, term ve content parametreleriyle kampanya izleme URL'leri oluşturun. Reklamlar ve bültenler için hazır, temiz ve URL kodlu bağlantılar.
Araç diğer dillerde mevcuttur
- Công cụ gỡ lỗi thẻ OG [VI]
- OG-Tags-Debugger [DE]
- Debugger Tag OG [ID]
- OG 태그 디버거 [KO]
- OG-tags debugger [NL]
- Felsökning av OG-taggar [SV]
- Depurador de etiquetas OG [ES]
- เครื่องมือดีบัก OG Tags [TH]
- OGタグデバッガー [JA]
- أداة تصحيح وسوم OG [AR]
- Debugger tagów OG [PL]
- Débogueur de balises OG [FR]
- Depurador de tags OG [PT]
- OG Tags Debugger [EN]
- Debugger dei tag OG [IT]
- Отладчик OG-тегов [RU]
- OG 标签调试工具 [ZH]