Yeni bir web sitesi veya blogu ilk başlattığınızda, muhtemelen hemen arkadaşlarınız ve ailenizle paylaşmak isteyeceksiniz. Ancak bunu doğru bir şekilde ayarlamadıysanız, tek görecekleri sıkıcı bir bağlantıdır.
Önizleme bir görüntü yüklese bile, görmek istediğiniz görüntü olmayabilir. Ama bunu düzeltebilirsin.
Meta etiketler, web sayfanızda herhangi bir içerik göstermeyen HTML etiketleridir. İçinde yaşıyorlar HTML'nizdeki etiketler. Ne zaman arama motorları ve Facebook gibi diğer hizmetler sayfanızı okuyun, meta etiketlerden hedeflenen bilgileri alırlar.
Pek çok kişi için Google İnternet'tir. Muhtemelen İnternet'in kendisinden beri en önemli icattır. Arama motorları o zamandan beri çok değişmiş olsa da, temel ilkeler hala aynı.
Meta etiketler, bağlantılarınızı düzgün bir şekilde işlemek için sosyal medya ve metin mesajları almanız için ihtiyaç duyduğunuz şeydir. Örneğin Facebook aracılığıyla bir bağlantı paylaştığınızda, Facebook sayfaya giden bağlantıyı izler. Daha sonra sayfayı okur ve her şeyin ne olduğunu anlamaya çalışır.
En önemlisi, bir başlık, açıklama ve resim bulmaya çalışır. Bunları bulamazsa, sadece gösterişsiz basit bir bağlantı gösterecektir. Facebook'un belirli bir başlığı, açıklamayı ve resmi göstermesini sağlamak için, ona ne arayacağını söyleyen belirli meta etiketler eklemeniz gerekir.
Facebook ve Twitter gibi sosyal medya siteleri ihtiyaç duydukları bilgileri web sitenizden alırsa bir kart oluştururlar. Her şey plana göre giderse, beklediğiniz gibi görünmelidir.
İLİŞKİLİ: Python Kullanarak Twitter, Instagram ve Reddit Botları Nasıl Oluşturulur
Web sitenizi düz HTML veya ön uç çerçeveyle oluşturduysanız, meta etiket eklemek basit olmalıdır. Aşağıdaki örnekte olduğu gibi başlık, stil ve komut dosyası etiketlerinizle aynı alana girerler:
Lee Nathan - Kişisel Gelişim Yazarı
...
Zaten yerinde birkaç meta etiket olduğunu görebilirsiniz. Bunlar, web sitenizin bağlantılarda doğru şekilde görünmesi için ihtiyaç duyacağınız şeyler değil, sadece bazı düşük seviyeli varsayılanlardır.
WordPress'teki meta etiketleri değiştirmek daha karmaşıktır. Eksiksiz talimatlar bütün bir rehber alacaktır. Bunun yerine, başlamanıza yardımcı olacak birkaç ipucu:
- Temanızı düzenleme konusunda rahatsanız, meta etiketler şurada bulunmalıdır: header.php mevcut temanızın dosyası.
- Temanıza erişemiyorsanız veya onunla uğraşmak istemiyorsanız, meta etiketlerinizi aşağıdaki gibi bir eklentiyle değiştirebilirsiniz: Gelişmiş Meta Etiket Yönetimi.
Şuna baksana en iyi WordPress barındırma sağlayıcıları Platformda bir site başlatmakla ilgileniyorsanız.
Facebook Kartı Nasıl Oluşturulur
Artık meta etiketlerinize nasıl erişeceğinizi anladığınıza göre, onları düzenlemeye başlayabilirsiniz. Facebook'un görmek istediği minimum etiketler şunlardır:
Başlık ve açıklama özellikleri, Facebook'a hangi metnin görüntüleneceğini söyler. URL özelliği, özel promosyonlar veya A / B testi için bir alt sayfaya bağlanabilir.
Görüntü özelliği, dizin sayfanıza göre değil, tam bir adres olmalıdır. /image.jpg. Kullanılacak en iyi resim boyutu 1200x628'dir, çünkü bu boyut sosyal medya siteleri ve cihazları arasında en uyumlu olacaktır.
Twitter Kartı Nasıl Oluşturulur
Twitter kartı, Facebook kartıyla hemen hemen aynıdır, ancak farklı meta etiketleri vardır. Twitter meta etiketleri şuna benzer:
Başlık ve açıklama özellikleri Facebook'unkilerle aynıdır; image özelliği de aynı kuralları izler. Ve 1200x628, başlamak için iyi bir boyuttur.
Ana fark, kart özelliğidir. Bu örnek, Facebook'un kartıyla hemen hemen aynı görünen bir kart oluşturmak için "summary_large_image" kullanır. Twitter'ın başka seçenekleri de var.
Önizlemenizin Doğru Göründüğünden Nasıl Emin Olabilirsiniz?
Kartınızı doğru şekilde alana kadar bir tweet gönderebilir ve bunu yarım düzine kez hızlıca silebilirsiniz. Kendinize bir Facebook mesajı da gönderebilirsiniz. Ancak bu yöntemler biraz hantal. Neyse ki, her iki hizmet de kartlarınızı kontrol etmeyi kolaylaştırmak için kullanışlı bir araç sağlar.
Facebook'ta paylaşım hata ayıklayıcısı var. Ve Twitter'ın bir kart doğrulayıcısı var. Her iki araç da bağlantıların nasıl çalıştığını görmenize izin vererek aynı görevi yapar; sadece farklı isimler kullanıyorlar.
Test Etmeniz Gereken Diğer Hususlar
Artık iki büyük sosyal ağda harika görünmek için site bağlantınızı aldınız. Muhtemelen her yerde iyi görünecek, ancak göründüğünü iki kez kontrol etmelisiniz. Örneğin, bir görüntünün altında veya üstünde bilgi varsa, mobil cihazlarda kırpılabilir.
Cep Telefonu
Daha ileri gitmeden önce, bağlantınızın hala mobil cihazlarda iyi göründüğünden emin olmak iyi bir fikirdir. Belirtildiği gibi, görüntünüz daha küçük ekranda kırpılabilir. Daha önce gösterilen örnekte görüntü çok alçaktı, bu nedenle sadece başın üst yarısını görebiliyordunuz.
SMS ve Haberciler
Bu, bağlantıyla kendinize bir metin (veya WhatsApp gibi bir hizmet aracılığıyla bir mesaj) göndermenin basit bir meselesidir. Bir doğrulama aracı için endişelenmenize gerek yok. Muhtemelen sosyal medya uygulamalarında iyi görünüyorsa, burada iyi görünecektir.
Kişisel web siteniz üzerinde çalışıyorsanız, kesinlikle LinkedIn'de iyi görünmesini istersiniz. Neyse ki, LinkedIn ayrıca bir doğrulama aracı sağlar müfettiş aradı. Ayrıca LinkedIn, Facebook'un etiketlerini kullandığı için daha fazla meta etiket konusunda endişelenmenize gerek yok.
Bundan Sonra Ne Üzerinde Çalışmalı
Kapladığımız bilgiler başlamanız için yeterli olmalıdır. Ancak daha fazlasını öğrenmek istiyorsanız, kontrol edin Facebook'un etiket kılavuzu veya Twitter'ın etiketlerle ilgili sayfası.
Web, herkesin kendi profesyonel görünümlü, paylaşılabilir görüntülerini oluşturmasına yardımcı olacak araçlarla dolu. İşte favorilerimiz.
- Programlama
- HTML
- Ana Sayfa
- Webmaster araçları
Lee tam zamanlı bir göçebe ve pek çok tutku ve ilgi alanı olan bir bilgidir. Bu tutkuların bazıları üretkenlik, kişisel gelişim ve yazma etrafında dönüyor.
Haber bültenimize abone ol
Teknoloji ipuçları, incelemeler, ücretsiz e-kitaplar ve özel fırsatlar için haber bültenimize katılın!
Bir adım daha…!
Lütfen size az önce gönderdiğimiz e-postadaki e-posta adresinizi onaylayın.
