Yayınlamadan Önce HTML Meta Etiketlerini Önizleme

Bir meta etiketi önizlemesi, sayfa yayına girmeden önce uygunsuz başlıkları, kesik açıklamaları ve eksik sosyal görselleri yakalamanıza yardımcı olur. Anahtar meta verilerin nasıl görünebileceğini incelemek için kullanın; ardından yayınlanmış HTML'in kendisini kontrol edin: önizlemeler yararlı yaklaşımlardır, her arama motorunun veya sosyal platformun göstereceği şeyin garantisi değildir.

Hangi etiketleri kontrol ettiğinizi bilin

Sayfa başlığı, açıklama, sosyal paylaşım etiketleri ve kanonik URL ile başlayın. Bu değerler örtüşebilir, ancak farklı amaçlara hizmet ederler ve aynı olmak zorunda değildirler.

• Başlık: HTML <title> öğesinin içindeki metin. Tarayıcılar sekme başlığı olarak kullanır ve arama motorları arama sonucu başlığı olarak kullanabilir. Arama motorları bir sonuç için farklı metin seçebilir.
• Meta açıklama: <meta name='description'> öğesindeki kısa bir özet. Arama motorları sonuç parçacığı olarak kullanabilir, ancak bunun yerine sayfadan metin seçebilir.
• Open Graph etiketleri: Genellikle bir sayfa paylaşıldığında onu tanımlamak için kullanılan og:title, og:description, og:image ve og:url gibi meta veriler.
• Sosyal kart etiketleri: Bir bağlantının bir sosyal ağda nasıl görüntüleneceğini etkileyebilen twitter:card gibi platforma özgü meta veriler. Kesin görünüm, platforma ve o andaki davranışına bağlıdır.
• Kanonik URL: Benzer veya yinelenen URL'ler mevcut olduğunda bir sayfa için tercih edilen URL'yi tanımlayan <link rel='canonical'> öğesi. Arama motorlarına bir sinyaldir, o URL'yi seçeceklerinin garantisi değildir.

Bu etiketler normalde belgenin <head> bölümüne aittir. Bir önizleme metni ve düzeni incelemenize yardımcı olabilir, ancak canlı sayfanızın arama motoru botlarına amaçlanan HTML'i sunduğunu doğrulayamaz.

Başlığı ve açıklamayı önizleyin

Planlanan başlığı ve açıklamayı bir meta etiketi önizleme aracına girin. Sonucu görsel bir kontrol olarak okuyun: başlık sayfayı tanımlıyor mu ve açıklama ziyaretçinin ne bulacağını açıklıyor mu?

Bir başlığın veya açıklamanın tam olarak görüntüleneceğini garanti eden tek bir karakter sınırı yoktur. Arama sonucu düzenleri cihaza, sorguya ve diğer faktörlere göre değişebilir ve metin kısaltılabilir veya yeniden yazılabilir. Tam bir piksel veya karakter kesimine göre yazmaktan kaçının. En yararlı bilgiyi başa koyun, ifadeleri sayfaya özgü tutun ve okuyuculara yardımcı olmayan tekrarları kaldırın.

Her sayfanın net bir başlığı ve gerçek içeriğiyle uyumlu bir açıklaması olduğundan emin olun. İlişkisiz sayfalarda aynı genel açıklamayı kullanmayın. Sayfa yayına hazır değilse, meta verilerde taslak veya yer tutucu metin bırakılmadığından emin olun.

Open Graph ve sosyal kartları önizleyin

Paylaşım bilgisini ve görseli birlikte incelemek için Open Graph önizlemesini kullanın. Başlığın ve özetin, çevreleyen sayfa olmadan görüldüğünde anlamlı olduğunu ve görselin ilgili olduğunu, küçük boyutta okunaklı olduğunu ve önemli ayrıntıları gizleyecek şekilde kırpılmadığını kontrol edin.

Tipik bir etiket kümesi şuna benzer:

<head>
  <title>Choose a Desk Lamp for a Small Workspace</title>
  <meta name='description' content='Compare compact desk lamps by brightness, controls, and fit for a small home workspace.'>

  <meta property='og:type' content='article'>
  <meta property='og:title' content='Choose a Desk Lamp for a Small Workspace'>
  <meta property='og:description' content='Compare compact desk lamps by brightness, controls, and fit for a small home workspace.'>
  <meta property='og:url' content='https://example.com/guides/desk-lamps/'>
  <meta property='og:image' content='https://example.com/images/desk-lamp-guide.jpg'>

  <meta name='twitter:card' content='summary_large_image'>
</head>

Bu örnek bir yapıdır, her sayfa için aynı değerlerin zorunlu olduğu bir küme değildir. Mutlak ve herkesin erişebileceği bir görsel URL'si kullanın ve görselin amaçlanan görsel olduğunu kontrol edin. Sosyal platformun tarayıcısı görseli getirebilmelidir; girilen metinden bir görsel gösteren bir önizleme aracı, canlı görsel URL'sinin o tarayıcı tarafından erişilebilir olduğunu kanıtlamaz. Platform gereksinimleri ve görüntüleme davranışı değişebilir, bu nedenle lansmanınız için önemli olan her platformun güncel kılavuzunu kontrol edin.

Open Graph'ın og:url değeri, paylaşım için sayfa URL'sini tanımlar. Kanonik bağlantıyla ilişkilidir ancak ondan ayrıdır. Her ikisi de mevcutsa, bir hazırlama alanına, izleme URL'sine veya güncel olmayan bir adrese değil, sayfanın amaçlanan genel sürümüne işaret ettiklerini doğrulayın.

Kanonik URL'yi kontrol edin

Bir kanonik bağlantı tipik olarak şöyle görünür:

<link rel='canonical' href='https://example.com/guides/desk-lamps/'>

Doğru alan adı, yol ve sitenizin kullandığı sondaki eğik çizgi kuralı dahil olmak üzere tam URL'yi kontrol edin. Kanonik, bir hazırlama sitesine, silinmiş bir sayfaya veya ilgisiz bir URL'ye işaret etmemelidir. Kendi başına durması amaçlanan bir sayfa için kendine referans veren bir kanonik yaygındır. Siteniz yinelenen veya çok benzer sayfaları bilinçli olarak birleştiriyorsa, seçilen hedefin arama motorlarının tercih edilen olarak ele almasını istediğiniz hedef olduğunu doğrulayın.

Bir kanonik etiket ziyaretçileri yönlendirmez. Ayrıca bir arama motorunu bir sayfayı dizine eklemeye veya o URL'yi seçmeye zorlamaz. Pratik olduğu ölçüde iç bağlantıların, yönlendirmelerin, site haritası girdilerinin ve kanonik değerlerin tutarlı olduğundan emin olun.

Örnek çalışma: yeni bir rehber sayfası

Diyelim ki https://example.com/guides/desk-lamps/ adresinde bir rehber yayınlıyorsunuz. Çalışma başlığı 'Küçük Bir Çalışma Alanı için Masa Lambası Seçin' ve sayfa lamba boyutunu, parlaklığını ve kontrollerini karşılaştırıyor.

1. Başlığın doğal okunduğunu ve site adını gereksiz yere tekrarlamadan rehberi tanımladığını kontrol etmek için başlık önizlemesini kullanın.
2. Makalenin içermediği tavsiyeleri vaat etmek yerine bu karşılaştırmaları özetleyen bir açıklama yazın.
3. Open Graph önizlemesinde, paylaşım başlığının ve özetinin kendi başlarına anlaşılır kaldığını kontrol edin. Rehberle açıkça ilgili bir görsel seçin, sitenin başka bir bölümünden genel bir görsel değil.
4. og:url ve kanonik bağlantıyı nihai genel sayfa URL'sine ayarlayın. Taslak staging.example.com üzerinde oluşturulduysa, lansmandan önce bu adresi değiştirin.
5. Yayınlayın veya dağıtın, ardından sayfa kaynağını inceleyin ve canlı HTML'in onayladığınız değerleri içerdiğini doğrulayın.

Etiket işaretlemesini taslak haline getirmek veya gözden geçirmek için bir meta etiketi üreteci değerleri bir araya getirmenize yardımcı olabilir. Çıktısını bir başlangıç noktası olarak ele alın: sitenize eklemeden önce her URL, görsel ve metin değerinin bu belirli sayfa için doğru olduğunu doğrulayın.

Yayınlamadan önce sayfayı kontrol edin

Metni önizlemek kontrolün yalnızca bir parçasıdır. Yayınlamadan önce bu kontrol listesini kullanın:

• İşlenmiş sayfayı ve kaynağı inceleyin. Başlık, açıklama, Open Graph etiketleri, sosyal kart etiketleri ve kanonik değerin, yalnızca bir tasarım maketinde veya tarayıcıların alamayabileceği bir JavaScript durumunda değil, canlı belgenin <head> bölümünde olduğunu doğrulayın.
• Nihai URL'yi kontrol edin. Sayfayı genel adresinde açın. Başarıyla yüklendiğini, amaçlanan HTTPS URL'sini kullandığını ve beklenmedik bir yere yönlendirmediğini doğrulayın.
• Görsel URL'sini kontrol edin. Doğrudan açın, oturum açmadan yüklendiğini doğrulayın ve doğru görsel olduğundan emin olun. Ayrıca görselin kırpılmasının ve metninin küçük gösterildiğinde net kalıp kalmadığını değerlendirin.
• Çakışmalara bakın. Yinelenen başlık veya açıklama etiketleri, birden çok kanonik bağlantı veya bir tema, eklenti veya şablon tarafından bırakılan eski etiketler olup olmadığını kontrol edin. Tarayıcıya gerçekten ulaşan kaynaktaki çakışmaları çözün.
• Ortamları karşılaştırın. Üretimin hazırlama URL'lerini, önizleme başlıklarını, geçici açıklamaları veya yer tutucu görselleri korumadığından emin olun. Kanonik ve og:url değerinin amaçlanan genel sayfaya atıfta bulunduğunu kontrol edin.
• Dağıtımdan sonra inceleyin. Taslağınızdan oluşturulan bir önizleme, sunucunun ne yayınladığını doğrulayamaz. Canlı sayfa kaynağını inceleyin ve mevcut olduğunda ilgili arama veya sosyal platformun kendi inceleme araçlarını kullanın. Bazı platformlar önceki bir sürümü önbelleğe alabilir, bu nedenle paylaşılan bir bağlantı önizlemesi hemen güncellenmeyebilir.

Özet

• Başlıkları ve açıklamaları netlik açısından önizleyin, ancak sabit bir görüntüleme uzunluğu veya garantili bir arama parçacığı varsaymayın.
• Open Graph ve sosyal kart metinlerini ve görsellerini birlikte inceleyin; görsel URL'lerinin herkese açık erişilebilir olduğunu doğrulayın.
• Kanonik URL'yi ve og:url değerini amaçlanan genel sayfayla uyumlu tutun, ancak farklı roller üstlendiklerini unutmayın.
• Yayınlamadan önce, doğru etiketler, URL'ler ve yinelenen veya artık meta veriler için canlı sayfa kaynağını inceleyin.