Nuria Adell tarafından çevrilmiştir.

Birkaç kez, Nelio Content kullanıcıları bir gönderiyi tanıtmak için bir sosyal mesaj planladıkları için bizimle iletişime geçtiler, ancak gönderi seçilen sosyal ağda yayınlandığında, gönderinin öne çıkan görseli sosyal yayında gösterilmedi. Sosyal ağlarda paylaşmak için tipik düğmeleri içeren gönderileri olan bazı kullanıcıların başına da benzer bir şey geldi: Facebook , Twitter , LinkedIn , Google + veya Pinterest'te bir gönderiyi paylaşmak için tıkladıklarında resim yüklenmiyor veya yazıdan biri.

Bu neden oluyor? Bunun nedeni, sosyal ağların gönderinizin bilgilerini doğru bir şekilde yorumlayamamış olmasıdır. Başka bir deyişle, sosyal ağların bilgileri nasıl yorumlayacağını bilmesi için WordPress'inizi doğru yapılandırmadığınız için.

Size çözümü sunmadan önce, bağlamı oluşturmak için bazı temel bilgilerle başlayayım.

Google'ın Anladığı Meta Etiketler

Bildiğiniz gibi web sayfası genellikle HTML (HyperText Markup Language) ile yazılmış bir belgedir. Bu, diğer sayfalara veya belgelere bağlantılar eklemenize izin verir ve hatta tarayıcının davranışını etkileyebilecek komut dosyaları içerebilir veya bunlara atıfta bulunabilir.

Tarayıcınızdaki kaynak kodunu kontrol ederseniz, görüntülediğiniz sayfanın HTML kodunu içeren bir metin görüntüleyici açılır. Gördüğünüz gibi, bir HTML sayfası köşeli parantezler ( < , > , / ): her öğenin, içinde öğenin özelliklerinin belirtildiği bir başlangıç etiketi ( <tag> ) vardır; elemanın içeriği ; ve bir kapanış etiketi ( <tag> ). Bu nedenle, tarayıcınız bir HTML sayfasını yorumladığında ve <strong>in bold</strong> öğesini bulduğunda, ekranınızda şunu gösterecektir: kalın . Yani bir yandan etiketlerdeki içeriğin nasıl yorumlanacağını belirttik ve diğer yandan içeriğin metnine sahibiz.

Ek olarak, her HTML sayfasında, belgenin başlangıcını tanımlayan <!DOCTYPE html> ve <html> etiketlerinden sonra, sayfanın özellikleriyle ilgili bilgileri içeren bir <head> bölümü bulacaksınız. kullanıcı), ayrıca sayfada gördüğü içeriği içeren bir <body> bölümü.

Bir web sayfasının kaynak kodu örneği. (Kaynak: Wikimedia)

Bununla, herhangi bir web sayfasının kaputun altında nasıl göründüğüne dair net bir fikre sahip olabilirsiniz.

Ancak, Google'ın (veya başka bir arama motorunun) web sitenizin içeriğini bir arama sonucunda bulmasını, dizine eklemesini ve sınıflandırmasını istiyorsanız, web sitenizdeki içeriği iyi tanımlamak yeterli değildir. Yani, örneğin, Google'ın aşağıdaki gönderiden “en anlamlı” bilgiyi göstermesini istiyorsak…

Nelio'nun blog gönderisinin ekran görüntüsü

Bu gönderinin web sayfası, içeriğin “anlamasını anlama” sürecini kolaylaştıracak meta etiketler içermelidir.

Meta Etiketler Nedir?

Bunlar sadece sayfanın <head> bölümünde yer alan bilgilerdir (bu bölümün tarayıcıda görselleştirilmediğini, bu nedenle “meta” olarak adlandırıldığını unutmayın) ve <meta /> biçimini takip ederler.

Örneğin, bu gönderi aşağıdaki meta etiketi içeriyorsa:

 <meta name="description" content =" WordPress giriş formu, gösterge tablonuza erişmenizi sağlar. Burada, davranışını kolayca ve hızlı bir şekilde değiştirmek için 3 basit numaranız var."/>

Google , sayfanın kısa bir açıklamasını sağladığınızı anlar ve bazı durumlarda bu açıklama, Google'ın arama sonuçlarında görüntülenen snippet'in bir parçası olarak kullandığı açıklamadır.

Google sonuçları örneği — Google'ın sonuçlarıyla ilgili bilgileri nasıl gösterdiğine ilişkin örnek

Mantıklı, değil mi? Google'ın web sayfanızı iki satırda özetlemesi gerektiğini düşünün. Bir aramanın sonuçlarının nasıl görüntülenmesini istediğinizi kendiniz belirtmek çok daha iyidir.

Bu bilgiyi WordPress'inize nasıl koyarsınız? En kolay yol, Yoast eklentisini kurmak (ücretsizdir) ve bunun için hazırlanan bölüme açıklamayı girmek: Snippet'i düzenle .

Yoast'ta snippet önizlemesi — Yoast eklentisinde tanıtılan snippet bilgileri.

Ve ilgileniyorsanız, Google'ın anladığı tüm HTML meta etiketlerinin listesini buradan kontrol edebilirsiniz.

Sosyal Meta Etiketleri

Google'ın web içeriğinizi arandığında daha iyi dizine eklemek ve görüntülemek için meta etiketleri kullanması gibi, çoğu sosyal ağın şu anda kullandığı başka tür meta etiketler de vardır. Örneğin Facebook söz konusu olduğunda, bu meta etiketler blogunuzdaki bir gönderiyi duvarınızda başka bir yayın olarak paylaşmanıza yardımcı olur. Bunlar, sosyal ağın ağda yayınlanan eksiksiz sosyal gönderiyi oluşturmasına yardımcı olan meta etiketlerdir (başlık, resim, açıklama…).

Açık Grafik Protokolü

HTML kodunun <head> bölümünde de yer alması gereken bu meta etiketlerin amacı, sosyal ağın içeriği yorumlamasına yardımcı olmaktır. Bu şekilde, bir web sayfasının URL'sini eksiksiz bir sosyal gönderiye dönüştürebilir. Bu etiket kümesi, Açık Grafik protokolü olarak bilinir. Ve <meta property="og:…" content ="…"> biçimini takip ederler.

Bu nedenle, bir önceki gönderiyi paylaşmak ve Facebook duvarınızda şu şekilde görüntülenmesine izin vermek için:

aşağıdaki Open Graph meta etiketleri <head> bölümüne dahil edilmelidir:

Bir WordPress gönderisindeki meta etiket örneği.

Her birine yakından bakarsanız, Facebook gönderisinde bunlara karşılık gelen parçayı kolayca bulacaksınız.

Temel Meta Etiketler

İşte Facebook'un ihtiyaç duyduğu temel etiketler:

og:title — genellikle paylaştığınız makalenin, gönderinin, videonun veya sesin başlığıdır. Sınırı 75 karakterdir. Bu etiket yoksa, Facebook otomatik olarak yayınlanan içeriğin başlığını kullanır.
og:description — açıklamanın boşluklar dahil 195 karakteri geçmemesi önerilir. Bu etiket yoksa, Facebook SEO için yazılan açıklamayı kullanır ve ikincisinin yokluğunda yazının veya içeriğin ilk paragrafını kullanır.
og:image — Facebook gönderisinde görünmesi gereken resmin boyutu 200px x 200px olmalıdır. Bu etiket yoksa, Facebook temelde web sitesinin kodundaki görselleri kullanarak elinden geleni yapar. Her ne kadar genellikle, herhangi bir resim kullanmaz ve bu nedenle başlangıçta bahsettiğim müşterilerimizin şikayeti.
og:url — Facebook'ta yayınlanan URL adresi, varsayılan olarak içeriğin bağlantısı olmalıdır.

Burada Open Graph'ın meta etiketleri hakkında daha fazla bilgi bulacaksınız.

WordPress'te Meta Etiketler

Peki tüm bu bilgileri WordPress'teki sayfalarımıza nasıl koyacağız?

Endişelenme, çok kolay. Daha önce olduğu gibi, Yoast eklentisini kullanın. WordPress Dashboard'da eklentinin Sosyal menü seçeneğine tıklayın ve ardından Open Graph meta verilerini eklemek için Facebook'un aktif sekmesine gidin.

Yoast'ta Açık Grafik protokolü ekleyin — Sosyal ağlarda yayınlamak için Yoast eklentisine Açık Grafik meta verileri ekleme seçeneğiniz olduğundan emin olun.

Aynı şeyi farklı sosyal ağların sekmeleri için de yapabilirsiniz.

Artık blogunuzun tüm gönderilerini sosyal ağlarınızda doğru bir şekilde paylaşabilirsiniz. Aslında, her şeyin doğru olduğunu kontrol etmek için, Facebook geliştiricileri, gönderinizin URL'sini girdikten sonra tüm meta etiketlerin doğru yerleştirilip yerleştirilmediğini değerlendiren, çok eksiksiz bir araç olan Sharing Debugger'a sahiptir.

Facebook paylaşım hata ayıklayıcısının ekran görüntüsü.

Bir önceki resimde görebileceğiniz gibi, Facebook , bir önceki gönderinin duvarda eksiksiz bir Facebook yayını olarak yayınlayabilmek için ihtiyaç duyduğu tüm meta etiketlere sahip olduğunu doğruladı.

Sonuçlar

Bir yandan web sitenizde metadata kullanmanın doğrudan Google tarafından önerilen iyi bir SEO uygulaması olduğunu gördük. İyi bir konumlandırma elde etmek istiyorsanız meta etiketleri sitenize dahil etmelisiniz. Öte yandan, gönderilerinizi sosyal ağlarınızda ne kadar iyi tanıtırsanız, ziyaret sayınızı artırma şansınız o kadar artar. Farklı ağlarda düzgün bir şekilde görüntülemek için doğru meta etiketleri kullandığınızdan emin olun. Unutmayın, önemli olan ilk izlenimdir.

Öne Çıkan Resim Mira Bozhko tarafından.

ev borcu WordPress sitesi

Açık Grafik Meta Etiketlerinin Ne Olduğunu Neden Bilmelisiniz?