WordPress Görsel SEO Hataları ve Nasıl Düzeltilir

Uygun bir görsel SEO stratejisi uygulamazsak, son iki makalede öğrendiğimiz her şey boşa gidecek. Görsel SEO, genel SEO stratejinizde önemli bir rol oynar ve öğreticileri paylaşan siteler için çok önemlidir. Resimleriniz yanlış adlandırılmamışsa, 'alt' etiketlerine sahip değilse veya daha kötüsü farklı sunucularda barındırılıyorsa kaybedeceğiniz tüm trafiği düşünün.

WordPress Görsel SEO Hataları

Görsel SEO söz konusu olduğunda en önemli hataları ziyaret edeceğiz ve uygun karşı önlemleri önereceğiz.

Alakalı Görseller kullanmıyorsunuz

Sizi ve arkadaşlarınızın yaklaşan seyahatiniz için hangi modu kullanacağınız konusunda ciddi bir tartışma yaptığınızı hayal ediyorum. Hem eyaletler arası otobüs hem de uçak iyi seçenekler gibi görünüyor – ancak bütçeye karşı zaman tartışmasına takılıp kaldınız. Ronald ve Jeremy tarafından yönetilen iki takım var. Ronald, Cuma toplantılarını yeniden planlamak zorunda kalmamak için uçağa yetişmek istiyor. Öte yandan Jeremy, Toprak Ana'nın bir hayranı olarak, eyaletler arası otobüs yolculuğunda öne çıkan doğal güzelliğin tadını çıkarmak için toplantı programını değiştirmeyi umursamıyor. Tabii ki, seyahat grubundaki her üye taraf seçer – on saatlik uzun bir otobüs yolculuğu istemeyenler savaşta Ronald'la birliktedir. Tabiat Ana'nın güzelliğine hayran olmak isteyen diğer ekip ise otobüse binmeyi kesinlikle gerekli buluyor.

Her iki taraf da diğerini kendi tarafını tutmaya ikna etmek için elinden gelenin en iyisini yapmaya çalışıyor. Hayatlarının en kritik tartışmalarından biri gibi görünen bu konuşmanın ortasında, Ron şu sözleri söyleme hatasına düştü:

Ve tartışma yeniden başlar.

Artık Ron olmak istemiyorsun, değil mi? Bu alaka ile aynı. Görüntüler bin kelimeye bedeldir. Ancak dikkatli olmazsanız, farklı bir düşünce dizisinde kişinin dikkatini kaybedebilirsiniz.

Senin mesaja resim ekleme ilk kurallardan biri fikrinizi iletişim yolu artırmaktır. Görüntüler değer sunmak için tasarlanmıştır.

Bu nedenle WPExplorer'ın öğreticileri ekran görüntüleriyle doludur ve tema listeleri her temanın en iyi bitlerini/demolarını görüntülemeye odaklanır.

Bu değer (a) bilgilendirici nitelikte olabilir, (b) görsel veya duygusal bir etki taşıyabilir veya (c) her ikisinin karışımı olabilir. En iyi görüntüler çoğunlukla üçünün birleşimidir.

Bununla birlikte, bir tane eklemek için bir resim kullanmanın bir anlamı yoktur. Bu tür eylemler genellikle ters etki yapar. Öte yandan, doğru resim, dönüşümlerinize çok yönlü fayda sağlayabilir.

Yukarıdaki ekran görüntüsü Github'ın birçok açılış sayfasından biridir. Görseli inceleyelim. Öncelikle, bu görüntünün aslında bir vektör illüstrasyonu olduğunu fark edeceksiniz. Çizim her türlü ırksal/etnik engelin üstesinden gelir. Ayrıca, sayfanın genel renk şemasıyla uyumlu olan mavi renk, herhangi bir bilinçaltı profilini geçersiz kılar. Harika bir açılış sayfası oluşturan harika bir kopya ve CTA ile birlikte bir görüntünün doğru kullanımına mükemmel bir örnek.

Görüntü Dosya Adına Odaklanmıyorsunuz

Anlıyorum – kaliteli eğitimler oluşturmak zor bir iştir. Her adımın açıkça belgelenmesi gerekir ve yine de okuyucularınızın bunu zekalarına bir hakaret olarak algılamasını sağlayacak kadar açıklayıcı olmamalıdır.

1800 kelimelik bir öğretici üzerinde çalıştığınızda ve bir düzineden fazla ekran görüntüsünü ele aldığınızda, ikna olmak ve ekran görüntüsü-1, ekran görüntüsü-17 gibi adları kullanmak çok kolaydır.

Ama gerçekte, bu kesinlikle SEO'nuza zarar verir.

Bir düşünün – birisi yukarıda gösterilen resimle uzaktan ilgili herhangi bir şey arıyor olsaydı – 'screenshot-1' veya 'image-1' kullanır mıydı yoksa “ WordPress'te kalıcı bağlantıları nasıl kapatılır ” diye arama yapma olasılıkları daha mı yüksek?

İlgili bir notta, görsel SEO'ya %100'ünüzü vermek istiyorsanız, resimlere de bir TITLE özelliği ekleyin. Bu TITLE etiketinin değeri, resminizin dosya adı olabilir.

ALT etiketlerini tanımlamıyorsunuz

ALT etiketleri, bir görüntünün alternatif metni anlamına gelir. Boyut, öncelik veya benzeri herhangi bir şeyden bağımsız olarak her görüntüde kullanılmalıdır. Çok basit bir şekilde ALT etiketleri, resminizin bir açıklamasıdır. Resminiz gerçek anlamda neyi temsil ediyor?

ALT etiketleri, arama motorları tarafından görselinizi taramak için kullanılır. Görüntü oluşturulamıyorsa, yerine görüntünün ALT etiketi kullanılır. ALT etiketleri, görme yetisini kaybetmiş kişiler için ekran okuyucular tarafından da kullanılır.

Örneğin, önceki ekran görüntüsünün ALT etiketi veya açıklayıcı metni şöyle olabilir:

 Varsayılan seçenek işaretli olarak kalıcı bağlantı ayarlarını gösteren WordPress panosunun ekran görüntüsü.

Ayrıntılı ALT etiketleri yazmak gerçekten can sıkıcı olabilir, ancak çabalar işe yarayabilir. Ne yazık ki, ALT etiket optimizasyonu nedeniyle organik trafikteki büyümeyi gösteren yeni bir çalışma bulamadım. Bunların çoğu forumlardaki yorumlardır. Bu tür çalışmalara rastlarsanız, bizimle paylaşın!

TITLE ve ALT etiketlerinizi Anahtar Kelime Dolduruyorsunuz

Anahtar kelime doldurma, temel olarak tüm popüler anahtar kelimelerinizi sadece son kilometre SEO suyunu elde etmek için eklemek gibidir. Ancak gerçekte, yapım aşamasında iyi yağlanmış arabanızda kalitesiz yağ kullanmak gibidir. Google her geçen gün daha akıllı hale geliyor, bu da onunla ne zaman uğraşmaya çalıştığınızı bildiği anlamına geliyor. Sonuç? SEO puanınız cezalandırılır.

Anahtar kelime doldurulmuş ALT etiketinin tipik bir örneği şöyle olabilir:

 Varsayılan seçenek işaretli olarak kalıcı bağlantı ayarlarını gösteren WordPress panosunun ekran görüntüsü EN İYİ ÜCRETSİZ VE PREMIUM WORDPRESS TEMALARI WPEXPLORER

Benim tavsiyem? Kısa yolu seçmeyin. ALT etiketlerinizi tanımlamak için çok çalıştınız – emeğinizin meyveleri bunu takip edecek.

Resim Altyazıları Kullanmıyorsunuz

ALT ve TITLE etiketleriyle ilgili olan şey, okuyucu/ziyaretçi tarafından gerçekten görülmemeleridir. Arama motorları buna bayılıyor, ancak makalenizi okuyan biri olarak, alternatif metninizi görmek için resmin üzerine gelmiyorum, dosya adını görebilmek için resmi yeni bir sekmede açmıyorum. (Tabii ki, eğer bir görüntüyü kaydediyor olsaydım, güzel, açıklayıcı bir dosya adı kesinlikle benim günümü güzelleştirirdi!)

ALT ve TITILE etiketlerinin, SEO için ne kadar önemli olursa olsun, ziyaretçinin okuma deneyiminde gerçekten önemli bir rol oynamadığını belirledik.

Burada altyazılar devreye giriyor. Bir Kissmetrics çalışmasına göre, görsel altyazıların asıl gövde kopyasından %300 daha fazla okunduğu bulundu. Bu beklenenden çok daha fazla göz küresi.

Altyazılarınız akılda kalıcıysa, okuyucunun söylediklerinizi okuması ve okuması için iyi bir şans vardır. Bunu şu şekilde düşünün:

• TITLE etiketi, resim dosyası için kısa ve öz bir dosya adıdır.
• ALT etiketi, görüntünün içeriğinin açıklayıcı bir yazımıdır.
• Altyazı okuyucu içindir. Ziyaretçinin okuma deneyimini geliştirmek için tasarlanmış TITLE ve ALT etiketlerinin bir karışımıdır.

Bir Görsel Site Haritası Göndermediniz

Bir web sitesi, temelde birbirine bağlı bir grup HTML sayfasının bir koleksiyonudur. Site haritası, web sitenizin tüm sayfalarının nasıl yapılandırıldığı hakkında bilgi içeren bir belgedir. Bunlar genellikle web sitenizin resimleri hakkında bilgi içermez.

Resim site haritalarının devreye girdiği yer burasıdır. Udinra Tüm Resim Site Haritası bu iş için mükemmel bir eklentidir. Eklenti, NextGen Gallery ve Envira Gallery gibi resim kaydırıcı eklentilerini destekler; WooCommerce, Easy Digital Downloads gibi e-ticaret eklentileri ve Visual Composer, Site Origin vb. gibi sayfa oluşturucu eklentileri.

Görüntü Performansı Optimizasyonu

Bir sitenin genel performansı SEO'da çok önemli bir faktördür. Performans optimizasyonu söz konusu olduğunda hiçbir şey mükemmel değildir – her zaman iyileştirmeye yer vardır. Google'ın logosunu 14.000 bayttan 305 bayta indirdiği ve hala gelişmeye devam ettiği yakın tarihli bir örneği ele alalım.

Aşağıda, önceki gönderilerimizde paylaştığımız birkaç görüntü optimizasyonu ipucu verilmiştir.

Resimlerinizi Optimize Etmiyorsunuz

• Resimlerinizi optimize etmenin en iyi yollarından biri, dosya boyutunu küçültmek ve optimize etmek için TinyPNG gibi araçları kullanmaktır.
• Ayrıca tüm resimleriniz için bir maksimum boyut tanımlamanız ve maksimum boyuttan daha büyük olan tüm resimleri yeniden boyutlandırmanız gerekir.
• Ancak yukarıdakilere başlamadan önce, bir görüntüyü kaydetmek için doğru formatı öğrenmeniz gerekecek.

Bunun zaten yerinde olduğunu varsayıyorum. Değilse, lütfen ilk gönderimizi gözden geçirin – tüm konuştuğumuz bu!

Duyarlı Görseller Kullanmıyorsunuz

Hepimiz duyarlı web siteleri kullanıyoruz. Bu gün ve çağda mobil uyumlu bir web sitesine sahip olmak kesinlikle çok önemlidir. Bunu yapmazsanız, potansiyel olarak müşterileri kaybediyorsunuz ve SEO puanından bahsetmiyorum bile. (Evet, web siteniz mobil uyumlu değilse Google aslında sizi cezalandıracaktır.)

Şimdi duyarlı görüntüleri tartışalım. WordPress 4.4 ile, duyarlı görüntüler özelliği varsayılan olarak etkindir. Bir resim yüklediğinizde, WordPress, farklı ekran boyutları için birden çok sürümünü oluşturur.

Duyarlı görüntüler için yeni destekle WordPress, bir görüntünün mevcut tüm boyutlarını bir srcset özniteliğine dahil eder. Bu, web tarayıcısının seçenekler arasından seçim yapmasını ve cihazın ekran boyutuna göre en uygun görüntü boyutunu indirmesini sağlar. Tarayıcı diğerlerini yok sayar – potansiyel olarak bant genişliğinden tasarruf sağlar ve süreçte sayfa yükleme sürelerini hızlandırır.

Herhangi bir nedenle WordPress 4.4'e güncellemediyseniz, aynı özellik setini elde etmek için RICG Duyarlı Görüntüler eklentisini kullanırsınız. WordPress'in en son sürümündeyseniz, aslında bu eklentiye ihtiyacınız yoktur.

Ücretsiz CDN Kullanmıyorsunuz

Performansı artırmanın ikinci yolu, oldukça popüler Jetpack modülünden Photon gibi ücretsiz bir CDN kullanmaktır. Jetpack'i birçok nedenden dolayı seviyoruz ve Photon bunlardan sadece biri. Photon'un ne olduğunu merak ediyorsanız – WordPress'ten ücretsiz bir görüntü CDN hizmetidir. Jetpack'in Photon modülü, sitenizdeki tüm görüntüleri alır ve WordPress.com'un küresel içerik dağıtım ağında saklar. Görüntüler sunucunuzdan boşaltılır, daha hızlı yüklenir ve bant genişliği maliyetlerinden tasarruf edersiniz. Başka ne isteyebilirsiniz ki?

Resimleri Yüklerken Tembel Değilsiniz

Geç yükleme etkinleştirildiğinde, görüntüler görünüm alanınızda göründüklerinde yüklenir. Örneğin, WordPress için en iyi podcasting çözümleri hakkında 2000 kelimelik bir makale okuduğunuzu varsayalım. Makalenin sonuna ulaşana kadar tüm resimlere bakmanıza gerek yok. Geç yüklemeyi etkinleştirmek, yükleme sürelerini büyük ölçüde azaltır ve hem sizin hem de ziyaretçinin bant genişliğinden tasarruf sağlar.

Cevabınız BJ Lazy Load eklentisi. 50.000'den fazla aktif kurulumla yanlış gidemezsiniz. Eklentiyi indirip etkinleştirin ve sihrin tek bir tıklamayla başlamasına izin verin.

Bununla birlikte, diğer taraftan, tembel yüklenen görüntüler söz konusu olduğunda bazı potansiyel tuzaklar vardır. Dikkatli olmazsanız, SEO puanlarınıza zarar verme riskiyle karşı karşıya kalabilirsiniz. Tavsiye edilen eklentileri kullanırsanız sıralanacağınızdan emin olabilirsiniz. Ayrıca, diğer tembel giriş eklentileri kullanıyorsanız, tüm içeriğinizin arama motorları tarafından düzgün bir şekilde taranabilmesini sağlamak için web siteleri için Google Gibi Getir'i deneyin.

Görüntü Kullanımına İlişkin Birkaç İpuçları

Aşağıdaki ipuçları, hata olarak değil, içeriğinizin kalitesini artırabilecek genel yönergeler olarak kabul edilmelidir.

Genel Stok Fotoğraflarından Uzak Durun

Bize Ulaşın sayfasında size gülümseyen bir müşteri destek yöneticisinin görüntüsünden daha fazla rahatsız edici bir şey olamaz. Veya Hakkımızda veya daha kötüsü, Bize Katılın sayfasındaki modellerin bariz bir stok fotoğrafı. Herkes onlara o kadar alışmış ki, neredeyse anında tanıyabiliyoruz. Bir potansiyel müşteri veya müşterinin size ulaşmasını istiyorsanız – ya harika bir destek ekibi fotoğrafınız olsun ya da basit olun – yardımcı bir iletişim formu oluşturun. Ama (Tanrı aşkına) Hakkımızda, Bize Katılın veya Bize Ulaşın sayfalarınızda stok görsel kullanmayın. Bugün, kesinlikle yarardan çok zarar verecekler.

Mümkün Olduğunda GIF Kullanın

4chan'den 9GAG'e kadar tüm büyük sosyal ağlarda (evet, Facebook ve Twitter'ınıza bakıyorum) ve onu destekleyen klavyelerde GIF'lerin artan popülaritesi ile; GIF'lerin kalıcı olduğu gerçeğini inkar etmek mümkün değil. Gönderilerinizde GIF kullanmayı düşünüyorsanız (ve gerçekle barışıksanız), GIPHY iyi GIF resimleri bulmak için harika bir yerdir!

Lisansları Dikkatli Kullanın – #CC0

İnsanın asla çok dikkatli olamayacağını söylüyorlar. Hayır, sizden kıyamet sonrası sığınağınızı inşa etmeye başlamanızı istemiyorum. Ancak, görüntülerin lisanslanması söz konusu olduğunda, indirmesi ve kullanması ücretsiz olan CC0 olanları seçmek en iyisidir. İyi bir pazarlama bütçeniz varsa, devam edin ve bir Shutterstock aboneliği satın alın ve blogunuz ve haber bültenleriniz için harika telifsiz fotoğraflar indirin.

Çözüm

Bu yazı dizisini tamamlayarak, şu ana kadar öğrendiklerimizi gözden geçirelim:

1. Doğru görüntü biçimini kullanın
2. Blog gönderilerine stok fotoğraf yüklemeye ilişkin ipuçları
3. Görüntü optimizasyonu – boyut, boyutlar, kalite ve web için kaydetme
4. WordPress site URL'si değiştiğinde görüntü yönetimi
5. WordPress'te harici görüntüleri içe aktarma
6. WordPress'te görüntü bağlantılarının engellenmesi
7. WordPress görüntü SEO'sunda yaygın hatalar
8. Tembel yükleme görüntüleri
9. WordPress'te resim site haritaları
10. WordPress'te duyarlı görüntüler

Bu yazı dizisi hakkında ne düşünüyorsunuz? Hayati bir ipucunu kaçırıyorlar mı? Aşağıdaki yorumlarda bize bildirin.