Open Graph nedir?

Bu makale, Open Graph’nin ne olduğunu ve Open Graph’nin nasıl kullanılacağını ayrıntılı olarak açıklayacaktır.

Grafiği Aç

Facebook logosu

Open Graph, ilk olarak 2010 yılında Facebook tarafından tanıtılan ve Facebook ile kullanıcı verileri ve bir web sitesi arasında entegrasyona izin veren bir teknolojidir. Açık Grafik meta etiketlerini sayfanızın içeriğine entegre ederek, biri sayfanızı paylaştığında sayfanızın hangi öğelerini göstermek istediğinizi belirleyebilirsiniz.

Örneğin, sayfanız paylaşıldığında Facebook’un hangi resmi kullanmasını istediğinizi belirtmek için og:image etiketini kullanabilirsiniz. Açık Grafik bilgilerini belirterek, Facebook sayfanız paylaşıldığında hangi bilgilerin kullanılacağını tahmin etmek zorunda kalmaz.

Açık Grafik meta etiketleri örneği

Aşağıda, nasıl kullanılabileceklerini daha iyi anlamanız için Open Graph meta etiketlerinin bu sayfada nasıl göründüğüne dair bir örnek verilmiştir. HTML meta etiketlerine aşina iseniz, meta etiketler ile Open Graph etiketleri arasındaki tek gerçek farkın mevcut özellik nitelikleri olduğunu hemen fark edeceksiniz.

<meta property="og:title" content="What is Open Graph?"/>
<meta property="og:description" content="Computer dictionary definition of what Open Graph means, including related links, information, and terms."/>
<meta property="og:type" content="article"/>
<meta property="og:image" content="https://www.computerhope.com/comp/logos/facebook.gif"/>

Açık Grafik meta etiketleri nasıl eklenir

Diğer meta etiketler gibi, Açık Grafik etiketleri de bir HTML sayfasının başında olmalıdır. HTML’yi kendiniz değiştirirseniz, bu etiketler herhangi bir HTML düzenleyicisi kullanılarak eklenebilir. WordPress gibi bir CMS kullanıyorsanız, bu etiketleri yönetmek için şablonu değiştirebilir veya Yoast gibi bir eklenti kullanabilirsiniz.

Open Graph meta etiketlerine genel bakış

Aşağıda, kısa bir açıklama ile kullanılabilecek en iyi Açık Grafik meta etiketi özelliklerinin bir listesi bulunmaktadır. Bunların her birini önem derecesine göre sıralamaya çalıştık. Ayrıca, bu etiketlerin hepsinin gerekli olmadığı, ancak sayfanızın bölümlerini doğru bir şekilde tanımlamanıza yardımcı olduğu belirtilmelidir.

og:başlık

Sayfanın başlığı.

og:görüntü

Sayfa paylaşıldığında kullanmak istediğiniz görsel. Sayfanızda birkaç resim varsa ve belirli bir resmin kullanılmasını istiyorsanız, og:image özelliğini kullanmak yararlıdır.

Not

Facebook, 300 piksel genişliğinde ve 200 piksel yüksekliğinden daha küçük herhangi bir resim kullanmaz.

og:açıklama

Sayfanın açıklaması.

ö: tür

Tanımladığınız nesnenin veya sayfanın türü. Kullanılabilecek türlerden bazıları makale, müzik.albüm, video.film ve web sitesidir.

ög:url

Nesnenin veya sayfanın kurallı URL’si.

og:yerel ayar

Bilginin yeri. Varsayılan olarak, yerel ayar değeri en_US’dir ve İngilizce olmadığı veya Amerika Birleşik Devletleri dışında olmadığı sürece gerekli değildir.

  • Kullanılabilir meta verilerin tam listesi için Açık Grafik protokol sayfasına bakın.

Web sitenizin Açık Grafik entegrasyonunu nasıl test edebilirsiniz?

Facebook, herkesin sayfasını test etmesine ve Facebook’ta paylaşıldığında nasıl göründüğünü görmesine olanak tanıyan bir Açık Grafik hata ayıklayıcı sunar. Bu aracı kullanmak, Açık Grafiğinizin algılandığını ve sayfada farkında olmadığınız başka hata olmadığını doğrulamanıza yardımcı olur.

  • Facebook Hata Ayıklayıcı

LEAVE A REPLY

Please enter your comment!
Please enter your name here