Bloga geri dön
Facebook veya Twitter’da paylaştığınız linklerin bazen neden garip göründüğünü hiç merak ettiniz mi? Paylaştığınız blog postlarının bu sosyal medyalardaki görünümünü nasıl kontrol edebileceğinizi biliyor musunuz?
Blog postunuzun veya bir sayfanızın Facebook ve Twitter’da görüntülenen bilgilerini optimize etmek için elinizden gelen her şeyi yapıp yapmadığınızdan emin değilseniz okumaya devam edin. Doğru sosyal medya taglarını kullanmanın post önizlemelerinizin görünümünü ve etkisini iyileştirmenize nasıl yardımcı olacağını göstereceğiz.
Bir makale linki paylaşırken, postun sosyal medyada yayınlandığında güzel görünmesini istersiniz. Kaliteli bir görsel, doğru başlık, açıklama ve URL içermesini tercih edersiniz. Facebook, Twitter ve diğer sosyal medya platformları bu parametreleri web sitenizden çeker.
Postlarınızın HTML koduna sosyal medya meta tagları (örneğin open graph tagları) ekleyerek, bu platformların posttan ne çekeceğini kontrol edebilirsiniz.
Eğer Facebook meta tagları (=Open Graph meta tagları) mevcutsa, Facebook postunda neyin görüntüleneceğine siz karar verirsiniz. Bu Open Graph (og) meta özelliklerini eklemezseniz, Facebook blog postunuz hakkındaki bilgileri yine de görüntüler, ancak muhtemelen istediğiniz şekilde olmaz. Bu durum Twitter meta tagları için de aynı şekilde geçerlidir. Sosyal medya meta taglarını ve Facebook’ta link paylaşımını birlikte inceleyelim.
Web İçeriğinin Facebook’ta Paylaşılması
Facebook, yeni içeriklerinizi paylaşmak için harika bir sosyal medya platformudur. Web sitenizdeki bir makaleden yeni bir post oluşturmak, linki yeni bir Facebook post kutusuna yapıştırmak kadar basittir.
Gelin bu sürece bir göz atalım. Örnek olarak Facebook Pazarlama Stratejisi hakkındaki yazımızı kullanacağız.
URL’yi yeni post kutusuna ekledikten sonra Facebook, hedef URL’den verileri çeker ve bizim için güzelce formatlanmış bir post oluşturur. Format hem masaüstü hem de mobil ayarlar için anında önizlemede gösterilir. Sosyal medya içeriklerinizi yönetmek için Kontentino kullanıyorsanız, bu önizleme Kontentino takviminde anında hazırdır.
Web Sayfasının HTML Kodundaki Meta Tagları Anlamak
Arama Motorları için Meta Özellikleri
En üstte, bu makalenin parametrelerini tanımlayan ve meta taglar veya meta özellikleri olarak adlandırılan birkaç özellik görebiliriz. Bunlardan bazıları, arama motorlarının post sayfasında görüntülenmeyen ek bilgiler sağlayarak web sitesi içeriğinin ne olduğunu anlaması için kullanılır. Bunlar, örneğin şu meta tagları içerir:
- Meta title – <title>
- Meta description – meta name=”description”
- Robots – meta name=”robots”
Aşağıdaki resim, bu Kontentino postunun HTML kodunu göstermektedir. Bu meta tagların yeşil renkle işaretlendiğini görebilirsiniz.
Facebook Reklamları Hedef Kitleleri makalesinin HTML kodundaki meta tagların belirlenmesi
İpucu: Web sitenizin HTML kodunu nasıl görüntüleyeceğinizden emin değil misiniz? Windows’ta CTRL+U veya Mac’te Option + Command + U tuşlarına basmanız yeterli.
Bu meta taglar sayesinde arama motorları, bu web sayfasının (postun) indekslenmesinin ve parametrelerinin takip edilecek (dofollow) şekilde ayarlandığını bilir. Girilen meta title ve meta description, arama motorları tarafından bu postun linkini arama sonuçlarında (SERP) görüntülemek için kullanılır. Gördüğünüz gibi, meta title ve meta description özellikleri şu şekilde ayarlanmıştır:
- Meta title: ‘Facebook Reklamları Hedef Kitle Kılavuzu | Kontentino Blog – Sosyal Medya Onay Süreçlerini Kolaylaştırın’
- Meta description: ‘Facebook Ads hedef kitleleri ile doğru kişilere nasıl ulaşacağınızı öğrenin.’
Bu meta tagların optimal uzunlukta olmadığını biliyoruz, ancak burada SEO veya Google üzerine konuşmak için bulunmuyoruz. Bu yüzden, hemen altında yer alan ve ‘og:’ metnini içeren meta taglara geçelim.
Bu meta taglar veya meta özellikleri bazen sosyal meta taglar, sosyal medya meta tagları veya sadece og meta özellikleri olarak adlandırılır.
Gördüğünüz gibi, blog postumuzun HTML kodunda 7 farklı og meta özelliği bulunmaktadır. Bunlar:
- og: locale
Ayrıca, og:image meta tagı ile ilişkili bazı ek Facebook meta tagları da vardır:
- og:image:width
- og:image:height
- og:image:alt
- og:image:type
Twitter Meta Tagları
Bunların dışında, HTML kodunda Twitter için de bazı özel sosyal meta taglar bulacaksınız:
- meta name=”twitter:card”
- meta name=”twitter:title”
- meta name=”twitter:description”
- meta name=”twitter:site”
- meta name=”twitter:image”
Facebook post paylaşımı örneğimize geri dönelim. Link içeren yeni FB postumuzun görünümünü etkilemek için ‘og:’ meta özelliklerinin içeriğini anlamamız, decode etmemiz ve düzenlememiz gerekecek.
Daha fazlasını öğrenmek için okumaya devam edin: i) og: meta özelliklerini çözümleme; ii) Sosyal meta taglar için içerik yazma rehberi; ve iii) Web sitenizin CMS’inde bu sosyal meta özelliklerini düzenleme.
Kontentino ile Facebook ve Twitter Yayıncılığı
Kontentino’nun 14 günlük deneme sürümüne kaydolun ve sosyal medya meta tagları konusunda uzmanlaşın. Postu yayınlamadan önce Kontentino’da post önizlemesini görün.
Web sitenizin HTML kodundaki ‘og:’, ‘Open Graph’ anlamına gelir. Bu, Facebook’a paylaşılan içeriğinizin nasıl görüntülenmesi gerektiğini söylemenizi sağlayan Open Graph protokolünün kısaltmasıdır. Daha önce de belirttiğimiz gibi (ve Facebook’un geliştiriciler için talimatlarında ifade ettiği üzere), ‘bu Open Graph tagları olmadan Facebook Crawler, içeriğinizin başlığı, açıklaması ve önizleme görseli hakkında en iyi tahmini yapmak için dahili sezgiselleri kullanır.’ Bu bilgileri Open Graph tagları ile açıkça tanımlamak, Facebook’taki postların en yüksek kalitede olmasını sağlamaya yardımcı olur.
Gördüğünüz gibi, bu og meta tagları Facebook için son derece önemlidir. Eğer bunları henüz duymadıysanız veya oldukça yeni olduklarını düşünüyorsanız, Open Graph protokolünün Facebook tarafından 10 yıl önce (2010’da) başlatıldığını öğrenmek sizi şaşırtabilir. Ancak bugün bu protokol Open Web Foundation tarafından yönetilmektedir.
Open Graph protokolü, geliştiricilerin herhangi bir web sayfasını sosyal graf içinde zengin bir şekilde temsil etmelerine yardımcı olmak için çeşitli mevcut teknolojiler ve şemalar üzerine kurulmuştur. Tarih ve tanımlar yeterli; şimdi og meta taglarının detaylarına inelim. Facebook’taki postumuzun görünümünden sorumlu olan 4 tanesini detaylıca inceleyeceğiz: og:title, og:image, og:url ve og:description.
og:title Meta Özelliği
Bu meta özelliği, Open Graph protokolündeki dört temel metadatadan biridir (bunlar: og:title, og:type, og:image, og:url). og:title değerini belirterek, nesnemizin (bu durumda bir blog postu) sosyal graf içinde görünmesi gereken başlığını ayarlarız. Facebook daha sonra bu og:title bilgisini çeker ve post başlığı olarak görüntüler.
og:image Meta Özelliği
Nesnemizi (makalemizi) sosyal graf içinde temsil etmesi gereken görselin URL’sini buraya ekleriz. Bu durumda, öne çıkan görselin linki bu özelliğe dahil edilmelidir. og:image belirterek Facebook’ta tam olarak bu görselin görüntülenmesini sağlarız.
Aksi takdirde, Facebook postunuzdaki başka bir görseli seçebilir; bu, post listesinde görüntülenen ana görsel, makalenin en üstündeki görsel veya blog postunda yer alan herhangi bir başka görsel olabilir.
og:url Meta Özelliği
Bu meta tag, nesnemizin sosyal graf içindeki kalıcı kimliği (ID) olarak kullanılacak kanonik URL’yi içerir. Bizim örneğimizde og:url kısmındaki link şudur: https://www.kontentino.com/blog/facebook-ads-target-audiences/.
og:description Meta Özelliği
Son olarak, og:description meta tagını belirlemek, bu post paylaşıldığında açıklamanın görüntülenmesine yardımcı olur. HTML kodu görselinde görebileceğiniz gibi, bu değer şu şekildedir: ‘Facebook Ads hedef kitleleri ile doğru kişilere nasıl ulaşacağınızı öğrenin.’
Twitter Meta Tagları
Twitter meta tagları, Open Graph meta taglarına benzer şekilde çalışır ve bir web sayfası bu sosyal medya platformunda paylaşıldığında Twitter’ın çekeceği içeriği belirler.
og Meta Taglarında Uzmanlaşmak
Facebook ve Twitter, yukarıda belirtilen meta tagların nasıl kullanılacağına dair yönergeler sunar. Aşağıdaki tablomuzda, bunlar hakkındaki temel bilgileri ve ilgili önerileri özetliyoruz.
Artık çeşitli sosyal meta tag tiplerini ve etkilerini anladığımıza göre, web sayfamızın CMS’ine girip bunları nerede ve nasıl düzenleyeceğimizi bulma zamanı geldi. Dünyanın açık ara 1 numaralı CMS’i olan WordPress üzerinden örnekler göstereceğiz.
Yoast SEO, Rank Math, All in One SEO veya benzeri bir SEO eklentisi kullanıyorsanız, bu sosyal metadataları düzenlerken çok işinize yarayacaktır. Neredeyse tüm iyi SEO eklentileri, Facebook ve Twitter için meta taglarını ayrı ayrı değiştirmenize olanak tanır. Aşağıdaki metinde bunların Rank Math ile nasıl ayarlanacağını göstereceğiz.
Postu düzenleyerek ve SEO sekmesine tıklayarak başlıyoruz. Orada ‘social’ sekmesinin açılması gerekiyor.
CMS’inizde sosyal medya meta taglarını düzenleyeceğiniz yeri bulma
Rank Math, yapılan değişikliklerin postun Facebook veya Twitter’daki görünümünü nasıl etkileyeceğini görmenizi sağlayan bir canlı önizleyici içerir. ‘Preview & Edit Social Media’ butonuna tıklayın.
Facebook Meta Taglarını Düzenleme
İlk olarak Facebook postunun önizlemesini ve altında ayarlanabilen sosyal medya meta taglarını göreceğiz.
CMS’iniz tarafından oluşturulan post link paylaşım önizlemesi – bu örnekte Rank Math eklentisi
Bizim durumumuzda og:image, og:title ve og:description özellikleri henüz belirlenmemişti. Gördüğünüz gibi simülatör (önizleme snippet düzenleyicisi), arama motorları için kullanılan temel meta verilerden gelen değerleri gösteriyor.
Sosyal medya meta taglarını düzenleme: Blog postunuzun og:title ve og:description tagları
Blog postundaki ilk görselimizde, eksik başlığın en sorunlu kısım olduğunu görebiliriz. Yine de hem başlığı hem de açıklamayı dolduracağız.
Ardından, değişiklikleri kaydettikten sonra güncellenmiş postun Facebook’ta paylaşıldığında nasıl görüneceğine bakmalıyız.
Post için doldurulmuş yeni sosyal medya meta tagları
Facebook og:description meta tagı için 2 ila 4 cümle kullanmanızı önerse de, bu gösterim için sadece tek bir cümlede karar kılacağız. og:title parametresinin uzunluğunu azaltarak kartta yer açtığımızda, Facebook’un bunu görüntüleyip görüntülemediğini görmek isteyeceğiz.
Sonucu kontrol etmeden önce, WordPress’te Open Graph parametrelerini düzenlemenizi sağlayan diğer çözümlerden de bahsetmeliyiz. Bir SEO eklentisi kullanmıyorsanız, OG gibi özel bir Open Graph eklentisi kullanabilir veya sosyal metadataları web sayfanızın HTML koduna manuel olarak ekleyebilirsiniz. İkincisi, diğer CMS’ler için de yararlı olacaktır. WIX’in og meta özellikleri eklemek için yerleşik bir çözümü vardır; diğer büyük içerik yönetim sistemleri de öyledir.
Facebook veya Twitter meta taglarını düzenlemeyi bitirdiğinizde, postunuzu bu sosyal medya platformlarında paylaşmayı deneme zamanı gelmiştir. Postumuzun Facebook’ta şimdi nasıl görüneceğine bakalım. Facebook’taki modifiye edilmiş postlara bakmak için Facebook Debugger‘ı (resmi adı Facebook Sharing Debugger, bazen FB önizleme aracı olarak da anılır) kullanabiliriz. Bunu yapmadan önce, postu kaydettikten sonra otomatik olarak temizlenmediyse önbelleğinizi temizlemeyi veya Safari geçici dosyalarını (bu tarayıcıyı kullanıyorsanız) silmeyi unutmayın.
Facebook Link Sharing Debugger’da Open Graph meta tagları
Facebook Sharing Debugger’da sosyal medya meta taglarınızın iş başındaki haliyle link önizlemesi
Yukarıda gördüğünüz üzere her şey yolunda ve Facebook meta taglarındaki değişiklikler etkisini göstermiş durumda.
Sosyal Medya Meta Tagları Hakkında Yaygın Yanlış Bilinenler
Efsane 1: Sosyal medya meta tagları sadece SEO amaçlıdır.
Meta taglar sadece arama motorları için değildir; içeriğinizin sosyal ağlarda nasıl görüntülendiği konusunda kritik bir rol oynarlar. og:image ve og:title gibi sosyal medya meta tagları, postlarınızı Facebook ve Twitter gibi platformlar için optimize ederek etkileşimi artırır.
Efsane 2: Tüm görseller sosyal medyada kusursuz görünecektir.
Postunuzdaki her görsel paylaşıldığında doğru şekilde görüntülenmez. og:image belirtmeden veya bir Twitter card kullanmadan, sosyal platformlar genel bir görsel seçebilir veya görseli yanlış formatlayabilir; bu da postunuzun görünümünü etkiler.
Efsane 3: Meta taglar sadece tek sayfalık web siteleri için önemlidir.
Meta taglar birden fazla sayfa içeren web siteleri için vazgeçilmezdir. Siteniz ister bloglar ister ürün listeleri içersin, og:type ve diğer meta tagları kullanmak birden fazla sosyal platformda tutarlı ve optimize edilmiş görünüm sağlar.
Efsane 4: İçeriğinizin doğru görünmesi için sosyal medya platformlarına güvenebilirsiniz.
Postunuzu otomatik olarak formatlaması için Facebook veya Twitter’a güvenmek en hafif tabiriyle risklidir. og:url ve og:description gibi ana meta tagları manuel olarak ayarlamazsanız, sosyal platformlar yanlış veya eksik veriler çekebilir, bu da içeriğinizin görsel cazibesini etkiler.
Efsane 5: Sosyal meta tagları kodlama becerisi olmadan uygulamak zordur.
WordPress eklentileri ve Rank Math gibi araçlar, sosyal medya meta taglarını ekleme ve yönetme sürecini kolaylaştırır. Postlarınızın sosyal paylaşım için optimize edildiğinden emin olmak için bir web geliştiricisi olmanıza gerek yok.
Efsane 6: Twitter card’lar sadece statik görsellerle çalışır.
Twitter card’lar GIF formatları ve videolar dahil olmak üzere çeşitli medya formatlarını destekler. Summary card’ınıza fotoğraflar veya diğer medyalar ekleyerek postlarınızı bu sosyal ağda daha dinamik ve ilgi çekici hale getirebilirsiniz.
Efsane 7: Meta taglar sadece kendi içeriğiniz içindir.
Meta taglar sadece kendi web sitenizle ilgili değildir; içeriğiniz diğer web sitelerinde paylaşıldığında da yardımcı olurlar. meta property=”og:image” ve meta property=”og:title” değerlerini düzgün ayarlamak, içeriğinizin nerede paylaşılırsa paylaşılsın profesyonel görünmesini sağlar.
Sonuç
Bu makalenin og meta özelliklerini ve Facebook ile Twitter’da link paylaşımı için önemini anlamanıza yardımcı olduğunu umuyoruz. Sosyal medya pazarlamanızı bir üst seviyeye taşımak istiyorsanız, (henüz yapmadıysanız) Kontentino’yu mutlaka deneyin. Etkili ekip iş birliğini ve içerik onayını destekleyen, kullanımı kolay bir sosyal medya içerik üretim aracıdır.
İçerik Takvimimiz önizleme özelliğini entegre eder, böylece yeni link postunuzun nasıl görüneceğini görmek için başka bir yere gitmenize gerek kalmaz; bu da sosyal medya meta taglarınızı kontrol etmek ve optimize etmek için değerli zamanınızdan tasarruf etmenizi sağlar.
Web analitiğinizde post performansını takip etmek için UTM tagları eklemekten, gelecek bir yayın tarihi belirlemekten veya daha geniş bir erişim elde etmek için posta bir reklam bütçesi atamaktan daha iyi ne olabilir?
SSS
Sosyal medya meta tagı nedir?
Sosyal medya meta tagı, web sayfaları paylaşılırken sosyal medya platformları için başlıklar, görseller ve açıklamalar gibi kritik verileri sağlar. Büyük sosyal platformlarda kullanıcı etkileşimini artırmak için gereklidir.
Meta tag örnekleri nelerdir?
Örnekler arasında Facebook ve Twitter gibi platformlarda sosyal paylaşımı optimize eden ve içeriğinizin iyi temsil edilmesini sağlayan meta property=”og:title”, meta property=”og:image” ve meta property=”og:url” content yer alır.
Sosyal medya metadatası nedir?
Sosyal medya metadatası; Twitter ve Facebook gibi platformlarda sosyal medya postlarının görünümünü iyileştiren kısa başlık, açıklama ve yüksek kaliteli görseller gibi open graph verilerini içerir.
Sosyal medya tagları nelerdir?
Sosyal medya tagları, web sayfalarının sosyal platformlarda paylaşıldığında nasıl görüntüleneceğini etkilemek ve sosyal görünürlüğü artırmak için HTML dosyasına gömülen twitter card tagları veya og tagları gibi tanımlayıcılardır.
Meta taglar nasıl oluşturulur?
Meta taglar oluşturmak için bir web geliştiricisi, bir web sayfasının HTML dosyasına title tag, description tag ve içeriği temsil eden benzersiz görsel gibi parametreleri içeren birkaç satır kod ekler.
Hangi sosyal medyalar meta kullanır?
Meta taglar Facebook, Twitter ve LinkedIn gibi büyük sosyal platformlar tarafından web sayfalarının ve sosyal medya postlarının ağlarda paylaşıldığında nasıl görüneceğini optimize etmek ve kullanıcı etkileşimini artırmak için kullanılır.
Meta tag gerekli mi?
Evet, meta taglar online pazarlama için çok önemlidir çünkü içeriğinizin sosyal platformlarda nasıl görüneceğini kontrol eder, doğru görselin ve başlığın gösterilmesini sağlar, bu da sosyal paylaşımı ve etkileşimi artırır.
Meta taglar nasıl bulunur?
Meta taglarını bulmak için bir web sitesinin HTML dosyasını inceleyebilirsiniz. Facebook Debugger gibi araçlar ve online genel servisler de og:image veya og:type gibi belirli meta özelliklerini görmenize yardımcı olur.
Kaç tane meta tag kullanmalıyım?
Sosyal görünürlüğünüzü optimize etmek için og:title, og:image, og:url ve Twitter card tagları gibi temel meta tagları kullanın. Sosyal paylaşım için yüksek etkili taglara odaklanarak miktar yerine kaliteye öncelik verin.
Facebook meta tagı nedir?
meta property=”og:title” gibi bir Facebook meta tagı, Open Graph protokolünün bir parçasıdır. Web sayfalarınızın veya sosyal medya postlarınızın Facebook’ta nasıl görüneceğini belirlemeye yardımcı olur ve daha iyi kullanıcı etkileşimi sağlar.
meta property og:title content nedir?
meta property og:title content, web sayfanızın Facebook gibi sosyal medya platformlarında paylaşıldığında görünen başlığını tanımlar.
meta property og:image content nedir?
meta property og:image content, içeriğiniz sosyal medya platformlarında paylaşıldığında görünecek olan görselin URL’sini belirtir.
meta property og:type content nedir?
meta property og:type content, paylaşılan içeriğin türünü (örneğin makale, web sitesi) tanımlayarak sosyal platformların bunu düzgün bir şekilde kategorize etmesine ve görüntülemesine yardımcı olur.
Metadata nedir? 3 örnek?
Metadata örnekleri arasında description tag, kullanıcı tanımlayıcı parametreler için session değişkenleri ve platformların sosyal paylaşım için doğru görseli seçmesine yardımcı olan meta property=”og:image” tagı yer alır.
