Open Graph meta etiketleri nasıl oluşturulur?

Open Graph meta etiketlerinin kullanım amacı

Open Graph meta etiketleri, bir sayfa sosyal platformlarda paylaşıldığında kullanılacak başlık, açıklama ve ek sayfa bilgilerini tanımlayan işaretlemedir. Bu araç, girdiğiniz sayfa meta bilgilerinden Open Graph meta etiketi işaretlemesi oluşturur. Böylece içerik sorumlusu, geliştiriciye aktarılacak temel metinleri ve isteğe bağlı alanları tek bir çıktı içinde düzenleyebilir.

Kullanım amacı, paylaşım bilgilerini hazırlamayı kolaylaştırmaktır. Başlık alanı boş olmayan bir değer aldığında sonuçta başlık ve açıklama öğeleri bulunur. Görsel adresi, sayfa adresi ve site adı ise yalnızca ilgili alanlara değer girildiğinde eklenir. Bu ayrım, çıktıda bulunması beklenen bilgileri daha baştan planlamanıza yardımcı olur.

Aracı bir sayfanın yayın düzenini veya içerik bilgisini değiştirmek için değil, bu bilgilerden metinsel işaretleme üretmek için kullanın. Hazırladığınız sonucu sayfanızın içerik yapısıyla karşılaştırmanız, özellikle hangi isteğe bağlı alanların paylaşımda yer almasını istediğinizi netleştirir. Tür ve yerel ayar için ayrıca değer vermediğinizde tanımlı varsayılanlar kullanılır.

Open Graph işaretlemesi oluşturma adımları

1. Başlık alanına boş olmayan bir sayfa başlığı yazın. Başlık değeri, işaretlemenin üretilmesi için gereken koşuldur; sayfanın ziyaretçiye veya paylaşım bağlamına uygun olduğunu düşündüğünüz ifadeyi kullanın.

2. Açıklama alanına sayfayı anlatan metni girin. Başlık dolu olduğunda oluşturulan sonuçta başlık ve açıklama öğeleri yer alır; bu nedenle iki alanın birbirini tamamlamasına dikkat edin. Başlık, sayfanın ana konusunu; açıklama ise kullanıcıya aktarılacak kısa bağlamı taşıyabilir.

3. İsteğe bağlı görsel adresi, sayfa adresi ve site adı alanlarını ihtiyacınıza göre doldurun. Görsel adresi için değer verirseniz görsel öğesi, sayfa adresi için değer verirseniz adres öğesi, site adı için değer verirseniz site adı öğesi oluşturulur. Bir alanı boş bıraktığınızda ona karşılık gelen öğe sonuçta bulunmaz.

4. Tür ve yerel ayar alanlarını inceleyin. Bu alanlara değer yazmazsanız tür değeri website, yerel ayar değeri ise en_US olur. Farklı bir metin kullanmanız gereken bir bağlam varsa ilgili alanı buna göre doldurun; yalnızca varsayılan değer sizin için uygunsa alanı değiştirmeyin.

5. Girdiğiniz bilgileri son kez kontrol ederek oluşturma işlemini başlatın. Araç, sağlanan sayfa meta bilgilerini Open Graph meta etiketi işaretlemesine dönüştürür. Metin değerlerinde HTML açısından özel karakterler varsa bunlar çıktıda HTML için kaçışlanmış biçimde temsil edilir.

6. Sonucu kullanmadan önce başlığın dolu olduğunu ve eklenmesini istediğiniz isteğe bağlı alanlara değer sağlandığını kontrol edin. Başlık boş veya yanlış kabul edilen bir değerse işlem başarılı biçimde tamamlanabilir, ancak bu durumda işaretleme üretilmez.

Oluşturulan sonucu okuma

Başlık alanına boş olmayan bir değer verdiğinizde sonuçta başlık ve açıklama öğelerini görmeniz beklenir. Bu iki öğe, oluşturulan işaretlemenin temel metin bilgisini temsil eder; başlık ile açıklamanın sayfanızın içeriğini gerçekten yansıtıp yansıtmadığını ayrıca siz değerlendirmelisiniz.

Görsel adresi, sayfa adresi veya site adı girdiyseniz sonuçta bunlara karşılık gelen öğeleri arayın. Bu alanlardan biri boş bırakılmışsa ilgili öğenin görünmemesi, oluşturma işleminin eksik çalıştığını tek başına göstermez. Çıktının biçimini incelerken yalnızca doldurduğunuz isteğe bağlı alanların eklenmesini bekleyin.

Tür alanını boş bıraktığınızda website, yerel ayar alanını boş bıraktığınızda en_US değerini görmeniz beklenir. Farklı değerler girdiyseniz sonuçta ilgili metinlerin kullanılıp kullanılmadığını karşılaştırın. Girdi içindeki HTML özel karakterlerinin kaçışlanmış biçimde yer alması, değerlerin işaretleme içinde dönüştürülerek yazıldığını gösterir.

Başlık boşken sonuçta işaretleme bulunmaması, diğer alanların tek başına yeterli olmadığı anlamına gelir. Böyle bir durumda önce başlık koşulunu, ardından isteğe bağlı alanların gerçekten değer içerip içermediğini inceleyin. Araç, verilen bilgilerden işaretleme oluşturur; adreslerin, görsel kaynaklarının veya sosyal platformlardaki görüntülenmenin ayrıca doğrulandığı sonucunu çıkarmayın.

Uygulamalı örnek

Bir ürün sayfasının sosyal paylaşım bilgilerini hazırlayan içerik sorumlusu, temel metinleri ve görsel adresini tek seferde işaretlemeye dönüştürmek ister.

Bir ürün sayfası için başlık olarak "Kablosuz Kulaklık", açıklama olarak kısa bir ürün tanımı, bir görsel adresi ve site adı girin; tür ile yerel ayarı boş bırakıp oluşturma işlemini başlatın.

Başlık ve açıklama öğeleri bulunan bir Open Graph işaretlemesi; görsel adresi ve site adı verildiği için bunlara karşılık gelen öğeler ile website ve en_US varsayılan değerleri görünür.

Sınırlamalar

• Araç, sağlanan bilgilerden HTML için kaçışlanmış işaretleme oluşturur; adresleri, görsel kaynaklarını veya sosyal platformlardaki görüntülenmeyi doğruladığı söylenemez.

Sık yapılan hatalar

• Başlık alanını boş bırakmak, işlem tamamlanmış görünse bile işaretleme üretilmemesine yol açabilir. Boş olmayan bir başlık girin ve oluşturma işlemini yeniden başlatın.

Sık sorulan sorular

Başlık girmeden Open Graph işaretlemesi oluşturabilir miyim?

Başlık alanı boş olmayan bir değer almadığı sürece işaretleme oluşturulmaz. Başlık girildiğinde sonuçta başlık ve açıklama öğeleri bulunur; bu nedenle yalnızca açıklama yazarak çıktı beklemeyin.

Görsel adresi olmadan görsel öğesi eklenir mi?

Görsel adresi alanına bir değer sağlamadığınızda görsel öğesi sonuçta yer almaz. Bu öğe, ilgili alanda bir görsel adresi değeri bulunduğunda oluşturulur.

Tür ve yerel ayar alanlarını boş bırakırsam ne olur?

Tür alanı boş bırakılırsa website, yerel ayar alanı boş bırakılırsa en_US kullanılır. Bu iki alanı doldurursanız varsayılanlar yerine girdiğiniz metinler kullanılır.