Softonic

Localhost OG Etiketleri Kontrolü

Adım 1 / 3
Sonraki

Localhost ta geliştirme yaparken gerçek paylaşım kartları henüz görünmez, çünkü Facebook ve diğer platformlar bilgisayarınızdaki bir adrese ulaşamaz. Yine de og etiketlerini şimdiden kontrol edebilirsiniz. Yerel sayfanızın HTML ini yapıştırın, araç hangi etiketlerin var olduğunu ve değerlerinin ne olduğunu gösterir.

Localhost tan og etiketleri nasıl test edilir

  1. 1

    Kaynak kodu yerelde açın

    Tarayıcıda localhost sayfasını açın ve head bölümünü kopyalamak için view-source kullanın.

  2. 2

    HTML kodunu yapıştırın

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

  3. 3

    Kırmızı öğeleri kontrol edin

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

  4. 4

    Şablonu düzeltin ve yeniden test edin

    Projenizdeki şablonu değiştirin, sayfayı yeniden yükleyin, kaynak kodu yeniden kopyalayın ve tekrar yapıştırın.

Yerel sayfalar neden farklı kontrol edilmeli

Sosyal platformlar sayfayı kendi sunucularından alır. localhost:3000 ya da 192.168.1.20 gibi bir adrese Facebook, X veya bir sohbet uygulamasından ulaşılamaz. Bu yüzden orada gördüğünüz önizleme yerel sonucun hiçbir zaman tam bir yansıması değildir. Yerelde kontrol edilebilecek şey işaretlemenin kendisidir: etiketler var mı, doğru özniteliklere sahipler mi ve değerleri dolu mu?

Yerelde neleri kontrol etmelisiniz

  • Her Open Graph etiketi property kullanıyor mu, örneğin <meta property="og:title" ...>.
  • og:url içinde localhost değil, herkese açık sayfanın tam adresi var mı. og:url içindeki yerel bir adres, sayfa yayınlandığında yanlış hedefe işaret eder.
  • og:image mutlak bir https adresi mi. /img/card.jpg gibi göreli bir yol tarayıcıda çalışır, ama paylaşım kartında çalışmaz.
  • Değerler dolu mu ve şablondaki yer tutucu metinler içermiyor mu.

Herkese açık adreste test edin

Sayfa gerçek bir alan adında olduğunda, aynı aracı kullanarak kaynak kodu herkese açık adresten yeniden kontrol edin. Ardından tamamlanmış kartı görmek için herkese açık URL ile Sharing Debugger kullanın. Yerel adresi oraya göndermeyin, çünkü platform ona ulaşamaz.

Geliştirme ortamlarında sık görülen hatalar

Belirti Olası neden Çözüm
og:url localhost gösteriyor Değer şablona sabit olarak yazılmış Adresi herkese açık alan adınızdan ya da yapılandırmadan oluşturun
Görsel yerel bir yol gösteriyor Göreli adres Dosyaya tam bir https adresi kullanın
Etiketler yalnızca geliştirici araçlarında görünüyor JavaScript sayfa yüklendikten sonra ekliyor Etiketleri sunucunun ürettiği HTML e yazdırın
Değişiklikten sonra eski etiketler kalıyor Sayfanın önbelleğe alınmış bir sürümü Geliştirme ortamının önbelleğini temizleyin ve yeniden yükleyin

Yayınlandıktan sonra

Buradaki yeşil sonuç işaretlemenin tam olduğu anlamına gelir, herkese açık sayfanın çalıştığı anlamına gelmez. Sayfanın giriş yapmadan yanıt verdiğini, başka bir adrese yönlendirmediğini ve görselin tarayıcıda açıldığını kontrol edin. Ancak bundan sonra yerel test gerçekten tamamlanmış olur.

Sık Sorulan Sorular

Hayır. Facebook bilgisayarınızdaki ya da yerel ağınızdaki adreslere ulaşamaz, bu yüzden oradan bir önizleme taranamaz. İşaretlemeyi burada test edin, ardından herkese açık adresi tarayın.

Og:url, kartın ve paylaşımların işaret ettiği kanonik adresi belirtir. Localhost u gösterirse paylaşımlar kimsenin açamayacağı adreslere dağılır.

Evet, hazırlık ortamının herkese açık bir adresi varsa. Şablonlar ortamlar arasında farklı olabileceğinden, işaretlemeyi orada da canlıdaki gibi kontrol edin.

Araç, sonucu göstermek için yapıştırdığınız HTML i okur. Yerel sayfanızı getirmez ve hiçbir platformla iletişim kurmaz.

İ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

Rehberler ve kullanım örnekleri