• Buradasın

    Open Graph Protocol nasıl kullanılır?

    Yazeka

    Arama sonuçlarına göre oluşturuldu

    Open Graph Protocol kullanmak için aşağıdaki adımlar izlenmelidir:
    1. Meta Etiketlerin Eklenmesi: Web sayfasının 
      <head>
      bölümüne Open Graph meta etiketleri eklenmelidir 13.
    2. Etiketlerin Doldurulması: Meta etiketler, web sayfasının içeriğine uygun şekilde doldurulmalıdır. Bu etiketler arasında 
      og:title
      , 
      og:description
      , 
      og:image
      ve 
      og:url
      gibi temel etiketler bulunur 13.
    3. URL Belirtilmesi: 
      og:url
      meta etiketi aracılığıyla web sayfasının geçerli URL'si belirtilmelidir 1.
    4. Opsiyonel Etiketlerin Eklenmesi: Daha fazla özellik eklemek için 
      og:audio
      , 
      og:video
      , 
      og:locale
      gibi opsiyonel meta etiketler de eklenebilir 3.
    Kullanım Amacı: Open Graph protokolü, web sayfalarının sosyal medya platformlarında daha etkili bir şekilde paylaşılabilmesini sağlar ve paylaşılan içeriğin başlık, açıklama ve görsel gibi önemli bilgilerini belirler 12.
    5 kaynaktan alınan bilgiyle göre:

      Yanıtı değerlendir

      5 kaynak

      1. onuruzunonline.com
        1
      2. seopek.com
        2
      3. juniortoexpert.com
        3
      4. simur.org
        4
      5. ogp.me
        5

    Konuyla ilgili materyaller

    Open Graph Image nasıl olmalı?

    Open Graph (OG) görüntüsü aşağıdaki özelliklere sahip olmalıdır: 1. Boyutlar: Önerilen boyutlar 1200 x 630 piksel'dir, ancak minimum boyut 600 x 315 piksel olarak kabul edilir. 2. Aspect Ratio: En iyi görüntüleme için 1.91:1 aspect ratio kullanılmalıdır. 3. Dosya Boyutu: Dosya boyutu 1 MB'ın altında olmalıdır ve 72 DPI çözünürlükte olmalıdır. 4. Format: PNG veya JPEG formatları tercih edilir. Tasarım ilkeleri: - Görsel Hiyerarşi: Dikkat çekici bir ana görsel ve destekleyici unsurlar kullanılmalıdır. - Typografi: Metinler en az 30px font boyutunda olmalı ve sans-serif fontlar tercih edilmelidir. - Renkler: Marka renkleri ve 60-30-10 renk kuralı uygulanarak kontrast oluşturulmalıdır. Ek öneriler: - Meta Etiketler: OG görüntüsünü tanımlamak için `og:image` meta etiketi kullanılmalıdır. - Platform Özelleştirmesi: Facebook, Twitter ve LinkedIn gibi her platform için özel gereksinimler olabilir.
    5 kaynak

    Open graph meta etiketleri nasıl eklenir?

    Open Graph (OG) meta etiketlerini eklemek için aşağıdaki adımlar izlenebilir: 1. WordPress kullanıcıları için: Yoast SEO eklentisinin yüklenmesi. Sayfa düzenleyicinin açılması. Yoast SEO bölümüne gidilmesi. Açık grafik meta verilerinin girilmesi. OG meta etiketleri, HTML koduna manuel olarak da eklenebilir. ```html <meta property="og:title" content="Sayfanızın Başlığı Burada" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://yourwebsite.com/page-url/" /> <meta property="og:image" content="https://yourwebsite.com/image-url.jpg" /> <meta property="og:description" content="Sayfa içeriğinizin kısa bir açıklaması." /> ``` OG meta etiketlerini ekledikten sonra, Facebook'un Paylaşım Hata Ayıklayıcısı kullanılarak test edilebilir. Hazır içerik yönetim sistemi kullanılıyorsa, OG entegrasyonunun daha basit ve hızlı bir şekilde gerçekleştirilebileceği unutulmamalıdır.
    5 kaynak