Kısa cevap: Open Graph'ı çevrimiçi olarak kontrol etmek için, sayfa adresini ücretsiz Open Graph Debugger PromoPilot'a yapıştırın. Tüm og:* ve Twitter Card etiketlerini okuyacak, resmin varlığını ve boyutunu kontrol edecek, işaretlemenin eksiksizliğini değerlendirecek ve Facebook, X (Twitter) ve LinkedIn için bağlantı önizlemeleri gösterecek; ayrıca ne eklemeniz gerektiği konusunda önerilerde bulunacaktır. Kayıt gerekmez. Aşağıda gerekli etiketleri, gerekli og:image boyutunu ve "takılı kalmış" bir önizlemeyi nasıl güncelleyeceğinizi bulacaksınız.
12 yıldır web sitesi yapıyorum ve müşterilerimden sıralamalarla ilgili sorulardan daha sık " Telegram linkinde neden resim yok?" sorusunu duyuyorum. Genellikle beş dakikalık bir iş bu; nereye bakacağınızı biliyorsanız.
Open Graph Debugger neyi kontrol eder?
Bir gönderiye veya mesaja bağlantı eklediğinizde, platform sayfaya gider ve Open Graph etiketlerini arar. Bir etiket bulursa, düzgün bir kart çizer. Bulamazsa, bulduğu herhangi bir etiketi kullanır veya boş bir URL görüntüler. Araç yalnızca sosyal ağların okuyacağı şeyleri kontrol eder.
| Neleri kontrol ediyor? | Neye bakıyor? | İşletmelerin buna neden ihtiyacı var? |
|---|---|---|
| Tüm etiketler og:* | og:başlık, og:açıklama, og:resim, og:url, og:tür, og:site_adı, og:yerel | Bu siteler, kartın başlığını, açıklamasını ve resmini toplar. |
| Twitter Kartı | twitter:card, twitter:title, twitter:description, twitter:image | X (Twitter) etiketlerini okur ve eğer etiketler yoksa, kısmen og'yi işaretler. |
| Orijinal görüntü | Resim var mı ve boyutu ne kadar? | Küçük resim, kartı yan tarafta minik bir simgeye dönüştürüyor. |
| Kapsamlılık değerlendirmesi | Önerilen etiketlerden kaç tanesi dolduruldu? | Hızlı kontrol: Her şey yerli yerinde mi? |
| Ağ önizlemeleri | Facebook, X ve LinkedIn için kartlar | Yayınlanmadan önce gönderinin nasıl görüneceğini görebilirsiniz. |
| Öneriler | Ne eklemeliyim veya düzeltmeliyim? | Geliştiriciler veya sizin için hazır bir görev listesi. |
OpenGraph sayfalarını çevrimiçi olarak nasıl kontrol edebilirim?
- OpenGraph Debugger'ı açın.
- Paylaşmak istediğiniz sayfanın URL'sini girin: bir makale, bir ürün veya bir reklam açılış sayfası. "Onayla"ya tıklayın.
- Etiket listesini inceleyin: Hangilerinin işaretli, hangilerinin boş olduğunu ve og:url'de yabancı veya test adresi olup olmadığını kontrol edin.
- Her ağ için önizlemeyi kontrol edin: başlık kesilmiş mi, görüntü görünüyor mu ve kenarlarda önemli bir metin var mı?
- Lütfen önerilen şekilde eksik etiketleri ekleyin ve sayfayı tekrar kontrol edin.
Araç sayfası: adres alanı, "Kontrol Et" düğmesi, kontrol listesi ve SSS.
Bu araç oldukça hafiftir: Ziyaretçilerin sitenin tüm şablonlarını (ana sayfa, kategori, ürün ve makale) kontrol etmesi için günlük bir limit yeterlidir. Ücretsiz kayıt olduktan sonra limit üç katına çıkarılır.
Open Graph'te en sık yapılan hatalar nelerdir?
İşte diğer sitelerin neredeyse tamamında bulduğum şey ve bunu düzeltme sırası.
- Resim yoksa veya göreceli bir URL olarak belirtilmişse, sosyal ağlar
content="/img/cover.jpg"ifadesini anlamaz;https://ile başlayan tam URL gereklidir. Resim olmadan gönderinin erişimi önemli ölçüde düşer. - Görsel çok küçük. 200x200 boyutlarındaki logo, kartın yan tarafında küçük bir kareye dönüşmesine neden oluyor. 1200x630 boyutlarında bir görsele ihtiyaç var.
- Sitenin tamamı için tek bir og:image kullanılmalı. Sosyal medyadaki her makale ve her ürün aynı görünmeli; logo kullanılmalı. Blog ve katalog için ise görsel, sayfanın ana fotoğrafından alınmalı.
- og:url, başka bir adrese yönlendirir; ana sayfaya, test alanına veya
http://sürümüne. Platform, tüm bağlantıları tek bir sayfada birleştirebilir. - Twitter:card özelliği yok. Bu özellik olmadan X genellikle küçük bir kart gösterir. Daha büyük bir resim için
summary_large_imageözelliğine ihtiyacınız var. - `og:title`, başlığı "satın al" ve marka ile tekrarlıyor. Sosyal medya akışında bu bir reklam gibi görünüyor; bir gönderi için olduğu gibi canlı bir başlık daha iyi olur.
Minimum doğru küme şu şekilde görünür:
<meta property="og:title" content="Как выбрать кожаный рюкзак: 7 признаков качества"> <meta property="og:type" content="article"> <meta property="og:url" content=" https://example.com/blog/kozhanyj-ryukzak/"> <meta property="og:image" content=" https://example.com/img/og/kozhanyj-ryukzak.jpg"> <meta name="twitter:card" content="summary_large_image">og:image için bir görsel nasıl hazırlanır?
Kartın en dikkat çekici kısmı görselidir ve insanlar genellikle bu konuda cimrilik yaparlar. İşte benim uyguladığım birkaç kural:
- Boyut 1200×630 ve yönlendirme yataydır. Sosyal ağ, kare ürün fotoğrafının üst ve alt kısımlarını kırpacaktır; bu da ürünün başının veya tabanının eksik olmasına neden olabilir.
- Önemli olan merkezdir. Farklı platformlar kenarları farklı şekilde kırpar ve mobil akışta kart daha da küçüktür. Metni büyük tutun ve kenarlardan uzak tutun.
- Çok az metin yeterli. Başlık zaten resmin altında; resmin kendisinde 3-6 kelime veya hiç açıklama olmaması yeterli.
- Hafif dosya. Makul boyutta bir JPG veya PNG dosyası hızlı yüklenir ve platformda zaman aşımı yaşanmaz.
- Her önemli sayfa için özel bir görsel. Makaleler ve ürünler için otomatik olarak bir görsel oluşturmak uygundur: makale kapağı veya ana ürün fotoğrafı.
İyi bir test yöntemi, önizlemeyi telefonunuzdaki hata ayıklayıcıda açmaktır. Yakınlaştırmadan bağlantı net görünmüyorsa, resmin yeniden düzenlenmesi gerekir.
Bir düzeltme sonrasında eski bir önizlemeyi nasıl güncelleyebilirim?
Sık karşılaşılan bir senaryo: Etiketleri düzelttiniz, ancak sosyal ağ inatla eski resmi gösteriyor. Bunun nedeni önbellek: platform ilk paylaşımdan önizlemeyi hatırlıyor. Facebook Paylaşım Hata Ayıklayıcısı'nda verileri yeniden toplamak yardımcı olur, LinkedIn'de Gönderi Denetleyicisi ve Telegram ise bağlantıyı gönderdiğiniz @WebpageBot botu işe yarar. Tüm bunlar işe yaramazsa, adrese zararsız bir parametre ekleyin, örneğin ?v=2: platform için bu yeni bir bağlantıdır.
Karşılaştırma: Open Graph Hata Ayıklayıcı ve Alternatifleri
| Alet | Neler ücretsiz? | Kısıtlamalar | Kimler için uygundur? |
|---|---|---|---|
| PromoPilot - Open Graph Hata Ayıklayıcı | Tüm og ve Twitter etiketleri, og:resim boyutu, Facebook, X ve LinkedIn önizlemeleri, öneriler | Sosyal medya önbelleğini temizlemiyor. | Sayfanızı herhangi bir sosyal medyada yayınlamadan önce hemen kontrol edin. |
| Hata Ayıklayıcıyı Paylaşma (Meta) | Facebook Önizleme ve Veri Yeniden Toplama | Sadece Facebook için, hesap girişi gereklidir. | Facebook eski önizlemeyi sıfırla |
| LinkedIn Gönderi Denetleyicisi | LinkedIn Önizleme ve Önbellek Yenileme | Sadece LinkedIn kullanıcıları için, giriş yapmanız gerekmektedir. | LinkedIn'de tanıtım yapanlar için |
| @WebpageBot Telegram | Telegram bağlantı önizlemesi güncelleniyor. | Sadece Telegram etiketleri ayrıştırmaz. | Telegram kanal sahipleri için |
Sonuç: Önbelleği temizlemek için resmi platform hata ayıklayıcılarına ihtiyaç duyulmaktadır, ancak her platform yalnızca kendi ağını göstermektedir. Tüm önizlemeleri ve eksik etiketlerin listesini tek seferde görmek için evrensel bir hata ayıklayıcı daha kullanışlıdır.
Bu arada, PromoPilot'ın 87 ücretsiz SEO aracı var. Henüz etiket yazmadıysanız, serimizde önizleme özelliğiyle Open Graph bloğu oluşturacak bir meta etiket oluşturucu hakkında bir makalemiz var.
Open Graph Debugger ile meta etiket analizi arasındaki fark nedir?
Meta etiket analizi, bir sayfayı arama motorunun gözünden inceler: başlık, açıklama, canonical etiketi, hreflang ve Open Graph bunlardan sadece bir grubudur. Hata ayıklayıcı sosyal medyaya odaklanır: farklı platformlar için kartlar oluşturur, resim boyutunu kontrol eder ve önizlemelere özel önerilerde bulunur. Sitenize ait bağlantılar sosyal medya ve mesajlaşma uygulamalarında aktif olarak paylaşılıyorsa, hata ayıklayıcı daha kullanışlıdır.
İkisinin de bir sınırlaması var: sunucudan gelen HTML'i okuyorlar. Etiketler bir tarayıcı komut dosyası tarafından eklenirse, birçok sosyal ağ bunları göremez; bu, web sitesi tarafında düzeltilmelidir. Bir diğer ayrıntı: hata ayıklayıcı etiketleri kontrol eder, ancak paylaşımın kendisini kontrol etmez. Sayfa şifre korumalı, coğrafi olarak engellenmiş veya botlardan korunmuşsa, tüm etiketler mevcut olsa bile sosyal ağ sayfaya erişemeyebilir.
Ücretsiz bir araç ne zaman yeterli olmaz?
Bir hata ayıklayıcı, sayfanın `og:image` özelliğine sahip olmadığını gösterecektir. Ancak binlerce sayfa varsa, resimleri manuel olarak eklemek mümkün değildir. Şu durumlarda bir uzmana ihtiyaç duyulur:
- Her ürün veya makalenin otomatik olarak toplanan kendi önizleme görüntüsüne sahip olması gerekir;
- Site, bir komut dosyası kullanarak etiketleri döndürüyor ve sosyal ağlar bunları göremiyor;
- Her önizlemenin tıklama başına maliyeti etkilediği reklamlar ve e-postalar yayınlıyorsunuz;
- "Web sitesi + Telegram kanalı + otomatik yayınlama" kombinasyonuna ve doğru kartlara ihtiyacımız var.
Web siteniz için neler yapabilirim?
Ben Valeriy Danyuk, 12 yıllık deneyime ve 200'den fazla müşteriye sahip bir geliştirici ve SEO uzmanıyım. Güzel bir bağlantı önizlemesi ücretsiz erişim sağlar ve bunu her proje için özelleştiriyorum.
SEO ve tanıtım
- Anahtar teslim web sitesi SEO denetimi: Tüm şablon etiketlerini kontrol ediyorum, otomatik önizleme resimlerini ayarlıyorum ve kodu düzeltiyorum.
Web siteleri ve çevrimiçi mağazalar
- Mağazanızı Instagram web sitenize taşıma —kolay paylaşım için uygun önizlemelere sahip ürünler.
- Yeni bir ürün için bir akşamda oluşturulan bir açılış sayfası – sosyal medya için hazır bir kart içeren NordHarvest örnek olayı.
- Yapay zekâ destekli ve Telegram üzerinden uygulama sunan bir estetik cerrahi kliniği web sitesi.
- 1001site web sitesi: sosyal ağlar için önizlemeler ve Telegram otomatik yayınlama otomatik olarak yapılandırılır.
Botlar ve otomasyon
- Çevrimiçi sos dükkanı için yapay zekâ destekli Telegram botu.
- QuestFlow, yapay zekâ destekli Telegram bir SaaS geliştirme platformudur.
- Sohbet robotları yerine e-ticaret temsilcileri.
Telegram mesajlaşma uygulamasında kötü görünen bir bağlantı gönderin, hangi etiketin eksik olduğunu söyleyeyim.
Sonuç
- Çevrimiçi bir Open Graph denetleyicisi, bir bağlantının Facebook, X ve LinkedIn'de nasıl göründüğünü ve hangi etiketlerin eksik olduğunu gösterir.
- Gereken minimum miktar og:title, og:type, og:image (1200×630, tam adres) ve og:url artı twitter:card'dır.
- Sorunu düzelttikten sonra, Sharing Debugger, Post Inspector, @WebpageBot sitelerinin önbelleğini sıfırlayın.
- Katalog ve blog için önizleme görselleri, 1001site olduğu gibi otomatik olarak toplanmalıdır.
Takipçileriniz gönderiyi görmeden önce, paylaşacağınız sayfayı ücretsiz Open Graph Debugger'da kontrol edin.
Kaynaklar
- PromoPilot'ın Open Graph Debugger aracı sayfası — kontrol listesi ve SSS.
- Open Graph Protokolü (ogp.me) - zorunlu ve isteğe bağlı özellikler.
- Meta'nın Paylaşım Hata Ayıklayıcısı ve LinkedIn Gönderi Denetleyicisi, platformların resmi araçlarıdır.
