Meta etiket denetleyici
Herhangi bir web sitesinin meta etiketlerini alın ve doğrulayın.
1. Giriş
Meta Etiket Denetleyici, herhangi bir herkese açık web sayfasındaki tüm meta etiketlerini çıkaran ve görüntüleyen basit bir çevrimiçi araçtır. Meta etiketleri, bir sayfanın <head> bölümüne yerleştirilen küçük HTML kod parçalarıdır. Arama motorlarına, sosyal medya platformlarına ve tarayıcılara önemli bilgiler sağlarlar.
İster bir SEO uzmanı, geliştirici, dijital pazarlamacı ya da web sitesi sahibi olun, meta etiketlerini kontrol etmek sayfanızın arama sonuçlarında ve sosyal önizlemelerde nasıl göründüğünü doğrulamanıza yardımcı olur. Açıklama, anahtar kelimeler, Open Graph etiketleri ve diğer meta veriler gibi öğeleri kaynak kodu manuel olarak görüntülemeden hızlıca inceleyebilirsiniz.
Bu araç yaygın bir sorunu çözer: meta verileri bulmak için ham HTML içinde manuel olarak arama yapmak. Geliştirici araçlarını açıp sayfa kaynağını taramak yerine, yalnızca bir URL girin ve meta etiket adları ile içerik değerlerinin yapılandırılmış bir listesini anında görün.
Kullanımı kolaydır ve teknik bilgi gerektirmez. Sadece bir URL yapıştırın, kontrol et düğmesine tıklayın ve sonuçları inceleyin.
2. Nasıl Çalışır
Meta Etiket Denetleyici, verdiğiniz web sayfasının HTML kaynağını alarak tüm <meta> öğelerini tarar. Daha sonra meta verileri temiz ve okunabilir bir formatta çıkarır ve düzenler.
Giriş Parametresi
- URL – Analiz etmek istediğiniz sayfanın tam web adresi (örn., https://example.com).
İşleme Mantığı
Bir URL gönderdiğinizde, araç aşağıdaki adımları gerçekleştirir:
- URL formatını normalleştirir ve doğrular.
- Gerekli alanın (URL) boş olmadığını kontrol eder.
- Güvenlik için isteğin doğruluğunu doğrular.
- Web sayfası içeriğini almak için bir HTTP GET isteği gönderir.
- Dönen HTML belgesini ayrıştırır.
- Sayfada bulunan tüm <meta> etiketlerini çıkarır.
- Meta etiketlerini anahtar olarak name veya property özniteliğini kullanarak toplar.
- Karşılık gelen content özniteliğini değer olarak saklar.
Çıkış Yapısı
Çıkış, yapılandırılmış bir liste (anahtar-değer formatı) şeklindedir:
- Meta etiket adı veya özelliği
- İlgili içerik değeri
Örneğin:
- description → Sayfa açıklama metni
- og:title → Open Graph başlığı
- twitter:card → Özet kart türü
Doğrulama Kuralları
- URL alanı boş olmamalıdır.
- İstek güvenlik doğrulamasından geçmelidir.
- Sayfa herkese açık olmalıdır.
- URL alınamazsa bir hata döndürülür.
Sınırlamalar
- Sadece herkese açık sayfalar analiz edilebilir.
- Giriş veya kimlik doğrulama gerektiren sayfalar kontrol edilemez.
- Dinamik olarak eklenen meta etiketler (sayfa yüklendikten sonra JavaScript ile) tespit edilemeyebilir.
3. Bu Araç Nasıl Kullanılır
- Meta Etiket Denetleyici aracını açın.
- Analiz etmek istediğiniz web sayfasının tam URL'sini girin.
- İşlem düğmesine tıklayın.
- Sistemin sayfayı almasını ve işlemesini bekleyin.
- Sonuçlar bölümünde görüntülenen çıkarılmış meta etiketlerini inceleyin.
- Bilgileri SEO ve sosyal paylaşım ayarlarınızı optimize etmek veya hata ayıklamak için kullanın.
4. Pratik Örnekler
Örnek 1: SEO Açıklamasını Kontrol Etme
Giriş:
https://example.com
Çıkış:
description → Platformumuzun işletmelerin çevrimiçi büyümesine nasıl yardımcı olduğunu öğrenin. viewport → width=device-width, initial-scale=1
Senaryo: Bir SEO uzmanı, pazarlama kampanyasını başlatmadan önce meta açıklamanın doğru şekilde uygulandığını doğrulamak ister.
Örnek 2: Open Graph Etiketlerini Doğrulama
Giriş:
https://mysite.com/blog/post-1
Çıkış:
og:title → Web Sitesi Performansı Nasıl İyileştirilir og:description → Daha hızlı yükleme süreleri için pratik ipuçları. og:image → https://mysite.com/images/cover.jpg twitter:card → summary_large_image
Senaryo: Bir sosyal medya yöneticisi, bağlantı paylaşıldığında Facebook ve Twitter'ın doğru önizleme bilgilerini göstereceğini doğrular.
5. Geliştirici Kullanım Senaryoları
- Otomatik SEO Denetimleri
Geliştiriciler, istemci web sitelerini otomatik olarak taramak ve gerekli meta verileri doğrulamak için aracı dahili SEO denetim sistemlerine entegre edebilir.
- CMS Doğrulama
İçerik yayınlama iş akışlarında denetleyiciyi kullanarak gerekli meta etiketlerin (description, og:title, canonical) yayınlamadan önce mevcut olduğundan emin olun.
- Rakip Analizi
Anahtar kelime hedefleme ve Open Graph stratejisini analiz etmek için rakip sayfalardan meta verileri çıkarın.
- Arka Uç İzleme Betikleri
Dağıtımdan sonra eksik veya değiştirilmiş meta etiketleri tespit etmek için otomatik kontroller planlayın.
PHP Kullanım Örneği
$url = "https://example.com";
$response = file_get_contents($url);
// HTML'den meta etiketleri ayrıştır ve çıkarJavaScript Fetch Örneği
fetch("https://example.com")
.then(res => res.text())
.then(html => {
// HTML'i ayrıştır ve meta etiketleri çıkar
});Güvenlik Hususları
- HTTP istekleri göndermeden önce URL'leri her zaman doğrulayın.
- Arka uç uygulamalarında SSRF güvenlik açıklarını önleyin.
- Form gönderimleri için CSRF koruması sağlayın.
6. SSS
Meta etiketleri nedir?
Meta etiketleri, bir web sayfası hakkında arama motorlarına ve sosyal platformlara yapılandırılmış bilgi sağlayan HTML öğeleridir.
Meta etiketleri SEO için neden önemlidir?
Sayfanızın arama motoru sonuçlarında nasıl göründüğünü etkiler ve tıklama oranlarını etkiler.
Bu araç Open Graph etiketlerini algılar mı?
Evet. name ve property özniteliklerini kullanarak, og:* etiketleri dahil olmak üzere meta etiketlerini çıkarır.
Şifre korumalı sayfaları kontrol edebilir mi?
Hayır. Araç yalnızca herkese açık web sayfalarını analiz eder.
Meta etiketim neden sonuçlarda görünmüyor?
Etiket, yüklemeden sonra JavaScript ile dinamik olarak ekleniyorsa tespit edilemeyebilir.
Bu araç geliştiriciler için faydalı mı?
Evet. Geliştiriciler hata ayıklama, doğrulama, otomasyon ve SEO izleme iş akışları için kullanabilir.
Popüler araçlar
Bir cümle veya paragraftaki harfleri ters çevirin.
Metin boyutunu Bayt (B), Kilobayt (KB) veya Megabayt (MB) cinsinden alın.
Bir sayıyı yazılı biçimine dönüştür.
Verilen bir metindeki karakter ve kelime sayısını sayın.
Metni kolayca ters çevirin.
Normal metni eğik (italik) yazı stiline dönüştürün.
