Softonic

Open Graph Etiketleri Oluşturucu

Adım 1 / 2
Sonraki

Başlık, açıklama, kanonik (canonical) URL, önizleme görseli ve og:type girin; bu oluşturucu, eşleşen Open Graph <meta> etiketlerini yazar ve sayfanızın <head> bölümüne yapıştırmaya hazır hale getirir. Boş bıraktığınız alanlar basitçe atlanır, metninizdeki tırnak işaretleri ve ve işaretleri (&) işaretleme geçerli kalsın diye kaçışlanır. Oluşturucu yalnızca beş temel og: özelliğini yazar; Twitter Card veya makale etiketlerini yazmaz.

OG etiketlerinizi nasıl oluşturursunuz

  1. 1

    og:type seçin

    Ana sayfalar için website, gönderiler için article, mağaza sayfaları için product, gömmeler için video.other. Bu alan serbest metindir, dolayısıyla geçerli herhangi bir og:type değeri çalışır.

  2. 2

    Temel alanları doldurun

    Başlık, açıklama, kanonik URL ve mutlak bir görsel URL'si. Boş bıraktığınız her alan çıktıdan çıkarılır.

  3. 3

    Etiketleri oluşturun

    Tırnak işaretleri ve ve işaretleri sizin için kaçışlanır ve doldurduğunuz her alan için bir meta satırı elde edersiniz.

  4. 4

    Bloğu head bölümüne kopyalayın

    Sayfa şablonunuzun `<head>` bölümüne, mevcut sosyal etiketlerin üstüne yapıştırın.

Bu oluşturucunun ürettiği etiketler

<meta property="og:type" content="article">
<meta property="og:title" content="Your page title">
<meta property="og:description" content="A one-line description.">
<meta property="og:url" content="https://example.com/post/123">
<meta property="og:image" content="https://example.com/og-image.jpg">

Bu, çıktının tamamıdır. og:type her zaman yazılır; og:title, og:description, og:url ve og:image yalnızca siz doldurduğunuzda eklenir. Bu beş özellik, Facebook, LinkedIn, Slack, Discord, WhatsApp ve X’in ilk okuduğu özelliklerdir; dolayısıyla yaygın durumu kapsarlar.

Oluşturucu, twitter: kart etiketlerini, og:image:width / og:image:height, og:site_name, og:locale veya article: etiketlerini yazmaz. Bunlara ihtiyacınız varsa, oluşturulan bloğun yanına elle ekleyin.

Önemli olan og:type değerleri

Tür Ne zaman kullanılır
website Ana sayfa, açılış sayfaları, statik içerik
article Blog gönderileri, haberler, editöryel sayfalar
product E-ticaret ürün ayrıntı sayfaları
video.other Video içeriği ve gömmeler
profile Yazar veya kullanıcı profili sayfaları
music.song Tekil parça sayfaları

Elle eklemeye değer etiketler

Etiket Ne işe yarar Örnek değer
og:site_name Sitenin bütününün adı Example
og:locale Sayfanın dili ve bölgesi en_US
og:image:width Tarayıcıların kartı daha hızlı yerleştirmesine yardımcı olur 1200
og:image:height Tarayıcıların kartı daha hızlı yerleştirmesine yardımcı olur 630
twitter:card X üzerindeki kart düzeni summary_large_image

X, twitter: etiketleri yokken og: etiketlerine geri döner; bu yüzden yalnızca oluşturulan beş özelliği taşıyan bir sayfa orada da doğru şekilde önizlenir. twitter: etiketlerini yalnızca X üzerinde farklı bir başlık, açıklama veya görsel istediğinizde ekleyin.

Bu oluşturucunun kaçınmanıza yardımcı olduğu yaygın hatalar

  • property yerine name. Open Graph özellikleri property="og:..." içinde yer alır. Oluşturucu her zaman doğru özniteliği yazar.
  • Kaçışlanmamış tırnak işaretleri ve ve işaretleri. Başlığınızdaki ham bir " veya & etiketi bozar. Oluşturucu bunları sizin için kaçışlar.
  • Göreli görsel URL’leri. Sosyal tarayıcılar yalnızca mutlak URL kabul eder. Görselin tam https:// adresini yapıştırın; çünkü oluşturucu alan adınızı eklemez.
  • Yanlış görsel boyutu. 1200 × 630 piksel evrensel güvenli boyuttur. 200 × 200 pikselin altında görsel genellikle reddedilir.

Sık Sorulan Sorular

HTML’nizin <head> bölümüne, yukarılara, tercihen <title> yakınına. Tarayıcılar head’i okur ve genellikle erken durur; bu yüzden OG etiketlerini yukarıda tutmak, çok büyük sayfalarda gözden kaçmalarını önler.

Hayır. Yalnızca beş temel og: özelliğini yazar. X, twitter: etiketleri yokken Open Graph’a geri döner, dolayısıyla önizlemeniz yine çalışır. twitter: etiketlerini yalnızca X üzerinde farklı bir başlık, açıklama veya görsel istediğinizde elle ekleyin.

1200 × 630 piksel, JPG veya PNG, evrensel güvenli boyuttur. Facebook, LinkedIn, X büyük kartları, Slack, Discord ve iMessage’de çalışır. 200 × 200 pikselin altındaki her şey tamamen reddedilme riski taşır.

Her dil sürümüne kendi og: etiketleriyle kendi sayfasını verin ve og:locale (örneğin en_US) ile diğer sürümler için og:locale:alternate etiketlerini elle ekleyin. Bu oluşturucu locale etiketlerini sizin için yazmaz.

İlgili Araçlar

Meta Açıklaması Uzunluk Denetleyicisi

Meta açıklamayı karakter ve tahmini piksel cinsinden ölçün, editoryal ölçütlerle karşılaştırın ve masaüstü ile mobil düzen örneklerini inceleyin.

HTTP Güvenlik Başlık Kontrolcüsü

HTTP yanıt başlıklarını yapıştırın; HSTS, CSP, clickjacking, MIME, referrer ve cross-origin ilkelerini tarayıcıda inceleyin.

Dış Bağlantı Çıkarıcı

Ham HTML yapıştırın, isteğe bağlı olarak bir temel URL belirleyin ve kod içindeki tüm harici http/https bağlantılarının temiz, kopyasız bir listesini bağlantı denetimleri ve SEO incelemeleri için alın.

FAQ Şeması Oluşturucu

Soru-cevap çiftlerinden FAQPage JSON-LD işaretlemesi oluşturun ve sayfanızı Google'ın zengin sonuçlarına ve yanıt kutusuna aday hâle getirin.

Google SERP Simülatörü

Mobil ve masaüstü için karakter sınırlarıyla yaklaşık bir Google tarzı snippet inceleyin. Taslağınız bu tarayıcı oturumunda kalır.

XML Site Haritası Doğrulayıcı

Site haritası XML kodunu tarayıcıda ayrıştırma hataları, eksik konumlar, yinelenen URL'ler ve yaygın alan değerleri açısından kontrol edin.

Araç diğer dillerde mevcuttur