Skip to content

Open Graph ve Meta Etiketi Oluşturucu

Open Graph, Twitter Card ve SEO meta etiketlerini canlı Google, Facebook ve X önizlemesiyle çevrimiçi oluşturun. %100 ücretsiz, tarayıcıda çalışır, kayıt yok — kodu kopyalayıp yapıştırın.

Takip Yok Tarayıcıda Çalışır Ücretsiz
Her şey tarayıcınızda çalışır. İçeriğiniz ve görsel URL'niz bu sayfadan asla ayrılmaz — yükleme yok, kayıt yok.
Temel SEO
Open Graph (Facebook, LinkedIn…)
X (Twitter) Card
Gelişmiş ve simgeler
Denetimler
    Üretilen <head> etiketleri 
     
      
     Mevcut <head>'den içe aktar (yerel olarak ayrıştırılır, hiçbir şey yüklenmez) 
       
     
      
     Yayına aldıktan sonra doğrulayın: Facebook LinkedIn Google Rich Results 
     
     
      
      
       Etiket çıktısı ve platform özellikleri; Open Graph protokolü (ogp.me), Google Search Central ile güncel Facebook, X, LinkedIn ve Discord paylaşım dokümantasyonuna göre doğrulandı. — Go Tools Team · Jul 15, 2026  
          
     
    Meta etiketleri ve Open Graph nedir?
     
     
    Meta etiketleri, sayfanızın <head> bölümündeki, sayfayı tarayıcılara, arama motorlarına ve sosyal platformlara tanımlayan HTML parçacıklarıdır. Klasik SEO etiketleri <title>, meta description ve canonical bağlantısıdır. Open Graph etiketleri (og:title, og:type, og:image, og:url ve benzerleri), kökeni Facebook'a dayanan ve bağlantınız paylaşıldığında gösterilen başlığı, açıklamayı ve görseli denetleyen bir protokoldür — ve LinkedIn, Slack, Discord, WhatsApp, Pinterest ve Telegram dâhil neredeyse her platform bunları okur.
    Twitter/X kendi twitter:card etiketlerini kullanır ancak bunlar eksik olduğunda Open Graph etiketlerinize geri döner; bu yüzden iyi bir OG etiketi kümesi artı tek bir twitter:card değeri her ağı kapsar. Bu oluşturucu bu etiketlerin tümünü yazar, isteğe bağlı JSON-LD yapılandırılmış verisi ekler ve sonucu canlı önizler — böylece bunları elle yazmanız veya bir paylaşımın nasıl görüneceğini tahmin etmeniz gerekmez.
     
      
      
     
    Platforma göre sosyal görsel ve etiket özellikleri
     
     
     
    Open Graph (Facebook ve LinkedIn)
     
    İkisi de og:title, og:description, og:image ve og:url okur. Önerilen görsel 1200×630 (1.91:1). Facebook ~30 gün, LinkedIn ~7 gün önbelleğe alır — yayına aldıktan sonra debugger'larıyla yeniden tarayın.
     
     
    X (Twitter) Card
     
    twitter:card zorunludur (summary_large_image veya summary). Geri kalanı için X, og:* etiketlerine geri döner. Tek bir 1200×630 görsel hem OG hem X için çalışır; 300×157 altındaki görseller büyük kartı küçüğe düşürür.
     
     
    Slack ve Discord
     
    Slack önce Twitter Card, sonra Open Graph okur ve twitter:label/data aracılığıyla iki ek alan gösterebilir. Discord, Open Graph okur ve gömülü içeriğin vurgu çubuğu için yalnızca kendine özgü olarak theme-color kullanır.
     
     
    WhatsApp ve Telegram
     
    WhatsApp, meta verilerin HTML'in üst kısmına yakın olduğu og:title ve og:image ister; Telegram, Open Graph okur ve yalnızca JPEG veya PNG görsellerinden güvenilir biçimde görüntüler.
     
     
    Pinterest Rich Pins
     
    Pinterest, Open Graph veya Schema.org okur. Bir Article Rich Pin, og:type=article artı article:published_time ve article:author ister — article türünü seçtiğinizde bunların tümü burada üretilir.
     
     
    Google arama parçacığı
     
    Canlı masaüstü ve mobil SERP önizlemesi, title ve description'ınızı yalnızca karakterle değil piksel cinsinden ölçer — böylece kısaltma riskini Google'dan önce görürsünüz.
     
     
     
          
     
    Meta etiketi örnekleri
     
     
     
    Web sitesi ana sayfası
     
     
    Title: Acme — Ship faster
Description: The all-in-one platform for modern teams.
URL: https://acme.com
Image: https://acme.com/og/home.png (1200×630)
     
    <title>Acme — Ship faster</title>
<meta name="description" content="The all-in-one platform for modern teams.">
<link rel="canonical" href="https://acme.com">

<meta property="og:title" content="Acme — Ship faster">
<meta property="og:type" content="website">
<meta property="og:image" content="https://acme.com/og/home.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:url" content="https://acme.com">

<meta name="twitter:card" content="summary_large_image">
     
     
    Ana sayfa yalnızca dört zorunlu Open Graph etiketine, artı bir title, description ve canonical'a ihtiyaç duyar. Görsel 1200×630 olduğu için genişlik ve yükseklik otomatik doldurulur; böylece ilk Facebook paylaşımı boş kalmak yerine anında görüntülenir.
     
     
    Blog makalesi (article:* + JSON-LD ile)
     
     
    og:type: article
Title: The Complete Guide to Open Graph Tags
Author: Ada Lovelace
Published: 2026-07-15
     
    <meta property="og:title" content="The Complete Guide to Open Graph Tags">
<meta property="og:type" content="article">
<meta property="og:image" content="https://blog.example.com/og/guide.png">
<meta property="og:url" content="https://blog.example.com/open-graph-guide">
<meta property="article:published_time" content="2026-07-15T00:00:00Z">
<meta property="article:author" content="Ada Lovelace">

<meta name="twitter:card" content="summary_large_image">

<script type="application/ld+json">{ "@type": "Article", "headline": "The Complete Guide to Open Graph Tags", "datePublished": "2026-07-15T00:00:00Z" }</script>
     
     
    article türünü seçmek article:published_time ve article:author özelliklerini açar ve eşleşen Article JSON-LD üretir; böylece arama motorları ve Pinterest Rich Pins yapılandırılmış veriyi ek çaba harcamadan elde eder.
     
     
    Twitter/X, Open Graph'ı devralır
     
     
    twitter:card: summary_large_image
Inherit title/description/image from OG: on
     
    <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@acme">
     
     
    Eşleşen twitter:* etiketi yoksa X, Open Graph etiketlerinizi okur; bu yüzden yalnızca twitter:card gerekir. Oluşturucu, bu geri dönüşü bozacak boş bir twitter:image'i asla üretmez.
     
     
     
          
     
    Sitenize Open Graph etiketlerini nasıl eklersiniz
     
       
    1.  1 
       
      Başlık, açıklama ve URL girin
       
      Sayfa başlığınızı, meta açıklamanızı ve canonical URL'nizi yazın. Piksel ölçeri, bunların Google'ın arama parçacığına sığıp sığmadığını gösterir.
       
       
    2.  2 
       
      Bir og:image ekleyin ve türü seçin
       
      1200×630 bir görsel URL'si yapıştırın ve Web sitesi, Makale, Ürün veya Profil arasından seçin — eşleşen Open Graph alanları ve JSON-LD otomatik olarak görünür.
       
       
    3.  3 
       
      Canlı önizlemeleri denetleyin
       
      Bağlantınızın yayına almadan önce tam olarak nasıl görüneceğini görmek için Google, Facebook, X, LinkedIn, Slack ve Discord sekmeleri arasında geçiş yapın.
       
       
    4.  4 
       
       bölümünüze kopyalayın
       
      Tam etiket bloğunu (veya bir bölümü) kopyalayıp HTML'inizin  bölümüne yapıştırın. Yayına aldıktan sonra Facebook ve LinkedIn debugger'larıyla doğrulayın.
       
       
      5.  
     
      
     
    Sık yapılan Open Graph hataları
     
     
     
    Göreli og:image yolu
     
    /cover.png gibi bir yol düzenleyicinizde çalışır ama paylaşıldığında boştur, çünkü tarayıcılar mutlak bir URL'ye ihtiyaç duyar.
     
     
     ✗ Yanlış 
    <meta property="og:image" content="/cover.png">
     
     
     ✓ Doğru 
    <meta property="og:image" content="https://example.com/cover.png">
     
     
     
     
    Eksik og:url
     
    Canonical bir og:url olmadan paylaşım sayıları URL varyantları arasında bölünür ve platformlar yanlış adresi seçebilir.
     
     
     ✗ Yanlış 
    <!-- no og:url -->
     
     
     ✓ Doğru 
    <meta property="og:url" content="https://example.com/page">
     
     
     
     
    Görsel çok küçük veya yanlış oranda
     
    Facebook 200×200 altındaki görselleri yok sayar ve 1.91:1'den uzak her şeyi kırpar.
     
     
     ✗ Yanlış 
    600×600 og:image
     
     
     ✓ Doğru 
    1200×630 og:image (1.91:1)
     
     
     
     
    twitter:card'ı unutmak
     
    Tam Open Graph etiketleriyle bile, twitter:card ayarlanmadıkça X hiçbir kart oluşturmaz.
     
     
     ✗ Yanlış 
    <!-- OG only, no twitter:card -->
     
     
     ✓ Doğru 
    <meta name="twitter:card" content="summary_large_image">
     
     
     
     
    Boş twitter:image geri dönüşü bozar
     
    Boş bir twitter:image, X'in og:image'e geri dönmesini engeller — etiketi boş bırakmak yerine atlayın.
     
     
     ✗ Yanlış 
    <meta name="twitter:image" content="">
     
     
     ✓ Doğru 
    <!-- omit it; X uses og:image -->
     
     
     
     
    Charset çok geç yerleştirilmiş
     
    charset bildirimi, belgenin ilk 1024 baytı içinde görünmelidir, aksi hâlde yok sayılır.
     
     
     ✗ Yanlış 
    <meta charset> after many tags
     
     
     ✓ Doğru 
    <meta charset="utf-8"> first in <head>
     
     
     
     
     
      
     
    Yaygın kullanım senaryoları
     
     
     
    Bir açılış sayfası yayınlama
     
    Yeni bir pazarlama sayfası için tam head bloğunu üretin; böylece biri bağlantıyı X, LinkedIn veya Slack'te paylaştığı anda özenli görünsün.
     
     
    Blog ve makale önizlemeleri
     
    Gönderilerin Pinterest Rich Pins ve zengin sosyal kartlar için uygun olması amacıyla article:published_time, article:author ve Article JSON-LD ekleyin.
     
     
    Bozuk bir paylaşımı düzeltme
     
    Mevcut etiketlerinizi içe aktarın, denetimler panelinde eksik og:image'i veya yanlış boyutu tespit edin, düzeltin ve debugger bağlantılarıyla yeniden tarayın.
     
     
    Framework head parçacıkları
     
    Statik bir siteye, bir CMS şablonuna veya sunucuda oluşturulmuş bir head parçasına eklemek için temiz, doğru bir etiket kümesini kopyalayın.
     
     
     
      
     
    Oluşturucu nasıl çalışır
     
     
     
    Canlı, tarayıcı içi önizleme
     
    Her kart, URL'niz getirilerek değil, yazdığınız değerlerden oluşturulur. Bu, önizlemeleri anında ve gizli tutar ve bir sayfa yayına alınmadan önce önizlemenin tek dürüst yoludur.
     
     
    Piksel hassasiyetli SERP ölçeri
     
    Google, başlıkları ve description'ları karakter sayısına değil piksel genişliğine göre kısaltır. Bir canvas, metninizi aynı yazı tipiyle ölçer; böylece ölçer, parçacık tam kesileceği anda sarıya döner.
     
     
    İstemci tarafı görsel denetimi
     
    og:image URL'niz, gerçek genişliğini ve yüksekliğini okumak için tarayıcınızda bir Image nesnesine yüklenir, ardından 1200×630 ve kartın en-boy oranıyla karşılaştırılır. Çapraz kaynaklı görseller boyutlarını yine de bildirir; böylece denetim hiçbir yükleme olmadan çalışır.
     
     
    Eksiksiz, modern etiket kümesi
     
    Temel SEO, Open Graph, Twitter Card ve JSON-LD tek blokta; charset, ilk 1024 bayt içinde yer alması için önce yazılır. meta keywords gibi eski etiketler varsayılan olarak kapalıdır.
     
     
     
      
     
    Meta etiketi en iyi uygulamaları
     
     
     
    Mutlak HTTPS URL'leri kullanın
     
    og:image ve og:url tam https://… URL'leri olmalıdır. Göreli yollar yerelde çalışır ancak bir tarayıcı canlı sayfayı getirdiğinde boş görüntülenir.
     
     
    Her zaman og:image:width ve height ayarlayın
     
    Boyutları bildirmek, platformların kartı hemen yerleştirmesini sağlar; böylece görseli eşzamansız getirirlerken ilk paylaşım boş kalmaz.
     
     
    canonical ve og:url'yi aynı tutun
     
    Paylaşım sayıları ve arama sinyalleri URL varyantları arasında bölünmesin diye ikisini de tek canonical URL'ye yönlendirin.
     
     
    Piksel bütçesine göre yazın
     
    Yaklaşık 50–60 karakterlik bir title ve yaklaşık 155 karakterlik bir description hedefleyin — ancak piksel ölçerine güvenin, çünkü Google karakter sayısını değil genişliği ölçer.
     
     
    Etiketleri sunucu tarafında oluşturun
     
    Facebook, LinkedIn, WhatsApp, Telegram ve Discord tarayıcıları JavaScript çalıştırmaz; bu yüzden Open Graph etiketleri statik veya sunucuda oluşturulmuş HTML içinde olmalıdır.
     
     
     
      
     
    Sık sorulan sorular
     
     
     Meta etiketi oluşturucu nedir? 
     Meta etiketi oluşturucu, sayfanızın <head> bölümüne giren HTML etiketlerini üretir — <title>, meta description, canonical bağlantısı, Facebook ve LinkedIn için Open Graph etiketleri ve Twitter/X Card etiketleri. Bu araç bunların tümünü tek seferde oluşturur, bağlantınızın Google, Facebook, X, LinkedIn, Slack ve Discord'da nasıl görüneceğinin canlı önizlemesini gösterir ve kodu tek tıkla kopyalamanıza olanak tanır. Her şey tarayıcınızda çalışır. 
     
     Web siteme Open Graph etiketlerini nasıl eklerim? 
     Başlığınızı, açıklamanızı, canonical URL'nizi ve bir og:image URL'sini doldurun, Open Graph türünü seçin, ardından üretilen etiketleri kopyalayıp HTML'inizin <head> bölümüne yapıştırın. Facebook, LinkedIn, WhatsApp ve Telegram tarayıcıları JavaScript çalıştırmadığı için etiketler, istemci tarafı betikleriyle enjekte edilmiş değil, sunucuda oluşturulmuş veya statik HTML içinde bulunmalıdır. 
     
     Open Graph görseli hangi boyutta olmalı? 
     Önerilen og:image boyutu 1200×630 piksel, yani 1.91:1 en-boy oranıdır; bu aynı zamanda X'in summary_large_image kartını da karşılar. Facebook 200×200'den küçük görselleri yok sayar ve 600×315 altındaki her şey için küçük bir kare gösterir. İlk paylaşımın anında görüntülenmesi için her zaman og:image:width ve og:image:height ekleyin ve görseli robots.txt tarafından engellenmeyen herkese açık bir URL'de HTTPS üzerinden sunun. 
     
     twitter:card etiketi zorunlu mu? 
     Evet — twitter:card, eklemeniz gereken tek Twitter/X etiketidir; aksi hâlde Open Graph etiketleriniz mevcut olsa bile X bir kart oluşturmaz. Büyük bir görsel için summary_large_image, küçük kare bir küçük resim için summary olarak ayarlayın. Diğer her şey için (title, description, image) X sizin og:* etiketlerinize geri döner; bu yüzden bu araç, işaretlemeyi temiz tutmak için onları varsayılan olarak dışarıda bırakır. 
     
     Meta etiketleri SEO'ya yardımcı olur mu? 
     <title> ve canonical etiketi SEO açısından önemlidir; meta description doğrudan bir sıralama faktörü değildir ancak arama parçacığını şekillendirerek tıklama oranını etkiler. Open Graph ve Twitter Card etiketleri Google sıralamalarını etkilemez, ama paylaşıldığında bağlantılarınızın nasıl göründüğünü belirler ve bu da sosyal trafiği yönlendirir. Google sonuçlarda başlığınızı yeniden yazabilir; bu yüzden net ve benzersiz bir başlık yazın ve önemli kelimeleri başa koyun. 
     
     Bu araç içeriğimi veya görsellerimi yükler mi? 
     Hayır. Her şey tarayıcınızda JavaScript ile yerel olarak üretilir. Başlığınız, açıklamanız ve görsel URL'niz sayfadan asla ayrılmaz — sunucu, yükleme veya hesap yoktur. og:image yalnızca önizlemek ve boyutlarını okumak için kendi tarayıcınızda yüklenir. 
     
     Zaten sahip olduğum meta etiketlerini içe aktarabilir miyim? 
     Evet. İçe Aktar panelini açın, mevcut <meta> etiketlerinizi yapıştırın; araç bunları, formu doldurmak için tarayıcının kendi HTML ayrıştırıcısıyla yerel olarak çözümler — ağ isteği yok, hiçbir şey yüklenmez. Bu, sunucusundan canlı bir URL çeken araçlara göre gizlilik öncelikli bir alternatiftir. 
     
     Güncellenen önizlemem Facebook veya LinkedIn'de neden hâlâ eski görseli gösteriyor? 
     Platformlar Open Graph verilerini önbelleğe alır: Facebook yaklaşık 30 gün, LinkedIn yaklaşık 7 gün. Yayına aldıktan sonra, önbelleğe alınmış title, description ve görseli yenilemek için sayfayı Facebook Sharing Debugger veya LinkedIn Post Inspector ile yeniden tarayın. Debugger bağlantıları üretilen kodun altında listelenir. 
     
     
     
     
       
      
     
     
    İlgili Araçlar
      Tüm araçları görüntüleyin →
 
     
      
     
      
      
      
     
     
    cURL Komut Oluşturucu ve Yapılandırıcı
     
     
    Web & API
     
    Tarayıcınızda curl komutları oluşturun — yöntem, başlık, kimlik doğrulama ve gövde ayarlayın, anında kopyalamaya hazır komut alın. Bearer, POST JSON, dosya yükleme için ön ayarlar. Ücretsiz, gizli, kayıt gerektirmez.
     
     
       
          
     
      
      
      
     
     
    htpasswd Oluşturucu — bcrypt, Apache MD5 (apr1), Basic Auth
     
     
    Web & API
     
    bcrypt, Apache MD5 (apr1), SHA-1 ve daha fazlasıyla htpasswd girdisi oluşturun. Apache, nginx ve Docker için yapıştırmaya hazır yapılandırma alın. Tarayıcınızda %100 çalışır — yükleme yok.
     
     
       
          
     
      
      
      
     
     
    Sayı Tabanı Dönüştürücü — Binary, Hex, Decimal ve Octal
     
     
    Dönüştürme Araçları
     
    Binary, hex, decimal, octal ve herhangi bir taban (2-36) arasında anında dönüştürün. Ücretsiz ve gizli — tüm işlem tarayıcınızda yapılır.
     
     
       
          
     
      
      
      
     
     
    Base64 Çözücü ve Kodlayıcı
     
     
    Kodlama ve Biçimlendirme
     
    Base64'ü ücretsiz çevrimiçi kodlayın ve çözün. Tam UTF-8 ve emoji desteğiyle gerçek zamanlı dönüştürme. %100 tarayıcıda — kayıt gerekmez.
     
     
       
          
     
      
      
      
     
     
    Base64'ü Görsele Çevirme Aracı
     
     
    Kodlama ve Biçimlendirme
     
    Bir Base64 dizesini ya da data URI'yi tarayıcınızda görsele geri çözün. Önizleyin, boyutları ve MIME'ı okuyun, ardından PNG, JPG, GIF, SVG olarak indirin. Yükleme yok.
     
     
       
          
     
      
      
      
     
     
    Bcrypt Karma Oluşturucu ve Doğrulayıcı
     
     
    Güvenlik Araçları
     
    bcrypt şifre karmalarını çevrimiçi oluşturun ve doğrulayın — ayarlanabilir maliyet, $2b$/$2a$/$2y$ önekleri. %100 tarayıcınızda; şifreniz asla yüklenmez.