Open Graph Meta Kontrol Aracı
Herhangi bir HTML sayfası için Open Graph ve Twitter Kartı meta etiketlerini kontrol edin. og:başlık/og:açıklama/og:görsel artı Twitter etiketlerini çıkarın, eksik veya geçersiz değerleri vurgulayın ve paylaşılabilir JSON/PDF raporları oluşturun. Yönlendirme desteği ve ham metin çıktısı ile SEO ve sosyal önizleme hata ayıklama için tasarlanmıştır.
Özellikler
- Open Graph meta verilerini çıkarın: og:başlık, og:açıklama, og:görsel ve ilgili OG özellikleri mevcut olduğunda.
- Twitter Kartı etiketlerini çıkarın (twitter:kart, twitter:başlık, twitter:açıklama, twitter:görsel) mevcut olduğunda.
- Yönlendirmeleri takip ederek nihai kanonik hedefi inceleyin (HTTP→HTTPS, www, yerel rota yönlendirmeleri için yaygındır).
- Yalnızca meta etiketlerine odaklanmak için HTML-only doğrulama modu (HTML olmayan kaynaklar değil).
- Bulgular + puan kartı ve hızlı temizlik için "yalnızca sorunlar" filtresi.
- Kopyalaması, karşılaştırması ve paylaşması kolay ham metin çıktısı.
- Biletler ve belgeler için sonuçları kopyalayın.
- Otomasyon ve denetim için JSON dışa aktarın.
- Müşteri teslimatları ve SEO denetimleri için PDF raporları dışa aktarın.
🧭 Nasıl kullanılır for open-graph-meta-checker
Sayfa URL'sini yapıştırın
Önizlemek istediğiniz sayfanın URL'sini girin (örneğin, bir açılış sayfası, blog yazısı, ürün sayfası). Bu araç, görseller veya API'lar değil, HTML sayfaları için tasarlanmıştır.
Siteniz yönlendirme yapıyorsa yönlendirmeleri takip edin
Aracın sosyal tarayıcıların muhtemelen ulaşacağı nihai hedefi kontrol etmesi için "Yönlendirmeleri Takip Et" seçeneğini etkin tutun.
OG ve Twitter değerlerini gözden geçirin
Başlık, açıklama ve görsel alanlarını kontrol edin. Boş değerler, yer tutucular, kopyalar veya OG ve Twitter etiketleri arasındaki uyumsuzluklar için bakın.
Yaygın önizleme sorunlarını düzeltin
og:görsel'in mutlak bir URL olduğundan, herkese açık olduğundan ve doğru varlığı işaret ettiğinden emin olun. Başlık/açıklamaların öz ve sayfa başına benzersiz olduğunu doğrulayın.
Bir rapor dışa aktarın ve paylaşın
Otomasyon için JSON veya SEO/müşteri raporlaması için PDF indirin. Değerleri biletlere hızlıca yapıştırmak için ham metin görünümünü kullanın.
Teknik özellikler
İstek ve ayrıştırma modeli
Bu araç, hedef sayfayı (HTML) getirir ve belgenin meta öğelerinden Open Graph ve Twitter Kartı meta etiketlerini çıkarır. Etkili hedefi incelemek için yönlendirme takibini destekler.
| Ayar | Davranış | Varsayılan |
|---|---|---|
| Sadece HTML | HTML sayfalarına ve meta veri çıkarımına odaklanır | Etkin (araç yeteneği ile) |
| Yönlendirmeleri Takip Et | Son URL'yi incelemek için yönlendirmeleri takip eder | Etkin |
| Maksimum Yönlendirme | Döngüleri önlemek için yönlendirme sınırı | 10 |
| Zaman Aşımı | İstek zaman aşımı sınırı | 15000 ms |
| Kullanıcı Aracısı | İstek kullanıcı aracısını tanımlar | Encode64Bot/1.0 (+https://encode64.com) |
| Özel ağlar | Güvenlik için özel ağ aralıklarına erişimi engeller | Devre dışı (özel ağlara izin verilmez) |
Önerilen meta seti (temel)
Sağlam bir temel, önizlemelerin platformlar arasında tutarlı şekilde görüntülenmesi için hem Open Graph hem de Twitter Card alanlarını içerir.
| Platform | Minimum etiketler | Notlar |
|---|---|---|
| Open Graph | og:title, og:description, og:image | Uygulanabilir olduğunda og:url ve og:type ekleyin |
| Twitter Card | twitter:card, twitter:title, twitter:description, twitter:image | twitter:card genellikle summary veya summary_large_image'dır |
og:image için dikkat edilmesi gereken tuzaklar
En yaygın önizleme hataları, resim URL'sinden kaynaklanır: erişilebilir, mutlak ve tarayıcı getirme kurallarıyla uyumlu olmalıdır.
| Sorun | Belirti | Çözüm |
|---|---|---|
| Göreceli resim URL'si | Önizlemede resim görünmez | og:image ve twitter:image için mutlak bir URL kullanın |
| Kimlik doğrulama / robotlar / güvenlik duvarı tarafından engellendi | Önizleme eksik veya tutarsız | Tarayıcılar için genel erişimi sağlayın; filtreleme yapıyorsanız sosyal kullanıcı aracılarına izin verin |
| Yönlendiren görsel URL'si | Bazı platformlar görseli getiremez | Doğrudan ve sabit bir görsel URL'si tercih edin (yönlendirme olmadan) |
| Yanlış içerik türü | Görsel tanınmıyor | Doğru İçerik Türü sunun (örn., image/png, image/jpeg) |
Komut satırı
HTML'yi getirip meta etiketlerini tarayarak OG/Twitter etiketlerini terminalden doğrulayabilirsiniz. CI kontrolleri ve SSR sorunlarını ayıklamak için kullanışlıdır.
macOS / Linux
HTML'yi getir ve OG/Twitter meta etiketlerini listele
curl -Ls https://example.com/page | grep -i -E "<meta[^>]+(property=\"og:|name=\"twitter:)"Sosyal önizlemeleri etkileyen meta etiketlerini gösterir. Yönlendirmeleri takip etmek için -L kullanın.
Yönlendirmelerden sonraki son URL'yi kontrol et
curl -ILs https://example.com/page | awk '/^HTTP\//{print} /^location:/I{print}'Yönlendirme zinciri durum satırlarını ve Location başlıklarını yazdırır.
Windows (PowerShell)
HTML'yi indir ve OG/Twitter etiketlerini ara
$html = (Invoke-WebRequest https://example.com/page).Content; $html -split "`n" | Select-String -Pattern "<meta" | Select-String -Pattern "og:|twitter:"Teslim edilen HTML'de etiketlerin var olduğunu hızlıca doğrulamanın bir yolu.
Kullanım alanları
Bozuk sosyal önizlemeleri düzelt
Bir bağlantı yanlış başlıkla, görsel olmadan veya güncel olmayan metinle paylaşıldığında, bu araç eksik veya hatalı meta alanlarını hızlıca bulmanıza yardımcı olur.
- og:title ve twitter:title'ı doğrula
- og:image'in erişilebilir ve mutlak olduğunu onayla
- Boş açıklamaları veya yer tutucuları tespit et
Dinamik sayfalar ve SSR için Kalite Güvencesi
Framework'ünüzün her rota için HTML yanıtında OG/Twitter etiketleri çıktığını sağlayın (özellikle Next.js, Nuxt, SvelteKit vb. ile).
- Sayfa başına meta verilerinin HTML'de mevcut olduğunu onayla
- Yalnızca istemci tarafında meta oluşturmayı yakala
- Kanonik yerel ayarlara yönlendirmeleri doğrula
SEO ve içerik yayınlama iş akışları
Bir site genelinde önizlemeleri standartlaştırın: tutarlı başlıklar/açıklamalar, doğru OG türü ve sabit görseller, bağlantılar paylaşıldığında Tıklama Oranını artırır.
- Eksik OG alanları için şablonları denetle
- Editör kontrol listeleri için PDF/JSON dışa aktar
- Birden fazla sayfada yinelenen meta verileri tespit et
Müşteri raporlama ve denetimler
Sosyal önizleme durumunu ve önerilen düzeltmeleri belgelemek için temiz, dışa aktarılabilir bir rapor oluşturun.
- Paydaşlar için PDF raporu
- Zaman içindeki değişiklikleri takip etmek için JSON raporu
❓ Frequently Asked Questions
❓Open Graph ile Twitter Kartları arasındaki fark nedir?
❓Önizlemem neden eski bir resim veya başlık gösteriyor?
❓Neden og:image'im görünmüyor?
❓Hem og:title hem de twitter:title'a ihtiyacım var mı?
❓Giriş yapılmış bir sayfayı test edebilir miyim?
❓URL'leri buraya yapıştırmak güvenli mi?
Pro Tips
og:image ve twitter:image için mutlak URL'ler kullanın ve tarayıcı hatalarını azaltmak için bunları sabit tutun (yönlendirmelerden kaçının).
OG görsellerini deterministik olarak (şablon + parametreler) oluşturun, böylece marka kimliğini güncellerken sayfa başına URL'leri sabit tutabilirsiniz.
Next.js/SSR uygulamaları için etiketleri ilk HTML yanıtında (Kaynağı Görüntüle) doğrulayın, sadece hidrasyondan sonraki DOM'da değil.
Başlıkları kısa ve sayfa başına benzersiz tutun; aşırı uzun başlıklar önizlemelerde kesilebilir ve Tıklama Oranını (CTR) düşürebilir.
JSON raporlarını dışa aktarın ve meta şablonlardaki gerilemeleri yakalamak için bunları sürüm kontrol listenize ekleyin.
Additional Resources
Other Tools
- CSS Güzelleştirici
- HTML Güzelleştirici
- JavaScript Güzelleştirici
- PHP Güzelleştirici
- Renk Seçici
- Sprite Çıkarıcı
- Base32 İkili Kodlayıcı
- Base32 Çözücü
- Base32 Kodlayıcı
- Base58 İkili Kodlayıcı
- Base58 Çözücü
- Base58 Kodlayıcı
- Base62 İkili Kodlayıcı
- Base62 Çözücü
- Base62 Kodlayıcı
- Base64 İkili Kodlayıcı
- Base64 Çözücü
- Base64 Kodlayıcı
- Hex İkili Kodlayıcı
- Hex Çözücü
- Hex Kodlayıcı
- C# Biçimlendirici
- CSV Biçimlendirici
- Dockerfile Formatter
- Elm Biçimlendirici
- ENV Biçimlendirici
- Go Biçimlendirici
- GraphQL Biçimlendirici
- HCL Biçimlendirici
- INI Biçimlendirici
- JSON Biçimlendirici
- Latex Biçimlendirici
- Markdown Biçimlendirici
- ObjectiveC Biçimlendirici
- Php Formatter
- Proto Biçimlendirici
- Python Biçimlendirici
- Ruby Biçimlendirici
- Rust Biçimlendirici
- Scala Biçimlendirici
- Shell Script Biçimlendirici
- SQL Biçimlendirici
- SVG Biçimlendirici
- Swift Biçimlendirici
- TOML Biçimlendirici
- Typescript Formatter
- XML Biçimlendirici
- YAML Biçimlendirici
- Yarn Biçimlendirici
- CSS Küçültücü
- Html Minifier
- Javascript Minifier
- JSON Küçültücü
- XML Küçültücü
- Cache Headers Analyzer
- Cors Checker
- Csp Analyzer
- Dns Records Lookup
- HTTP Başlıkları Görüntüleyici
- Http Status Checker
- Redirect Chain Viewer
- Robots Txt Tester
- Security Headers Checker
- Security Txt Checker
- Sitemap Url Inspector
- Tls Certificate Checker
- PDF'den Metne
- Regex Test Edici
- SERP Sıra Kontrolü
- Whois Sorgulama