Arama Motorları için WordPress Resimleri Nasıl Optimize Edilir?

Görseller, web sitelerini daha akılda kalıcı hale getirmenin ve iyi bir kullanıcı deneyimi yaratmanın yanı sıra, daha fazla trafiğe, daha iyi SERP (Arama Motoru Sonuç Sayfaları) sıralamasına ve daha yüksek dönüşüm oranlarına yol açan önemli bir katkı faktörüdür. Fakat fotoğraflarınız arama motorları için iyi bir şekilde optimize edilmediği sürece bunların hiçbiri gerçekleşemez.

SEO görüntü optimizasyonu, web için görüntü optimizasyonundan farklıdır. İkincisi, sayfaların hızlı yüklenmesini sağlamak için vazgeçilmezdir, bu da hemen çıkma oranlarını azaltmaya yardımcı olur. Fakat arama motorları aynı zamanda resimlerdeki tüm öğeleri de analiz eder ve sitenizin web’deki görünürlüğü ve alaka düzeyi büyük ölçüde onların ne okuyacaklarına bağlıdır.

Görüntülerinizin tam olarak kullanıcıların ihtiyaç duyduğu şeye sahip olduğuna arama motorlarını ikna etmenize yardımcı olmak için, WordPress görüntülerini arama motorları için en iyi şekilde nasıl optimize edeceğinizi göstereceğiz. Yararlı SEO görsel kılavuzumuzda, aşağıdaki tavsiyeye neden bağlı kalmanız gerektiğini açıklayacağız:

• Uygun bir Görüntü Adı Belirleyin

• Bilgi Açısından Zengin Alternatif Metinler Yazın

• Resim Altyazılarını Dahil Et

• Mantıksal bir URL Yapısı Oluşturun

• Duyarlı Görseller Kullanın

• Bir Resim Site Haritası Oluşturun

• Ek Sayfaları Devre Dışı Bırak

• Görüntülere Yapılandırılmış Veri Ekleme

• OpenGraph ve Twitter Kart Etiketlerini Dahil Et

• Görüntüleri Optimize Etmek İçin Bir CDN Kullanın

Uygun bir Görüntü Adı Belirleyin

Önemli bir SEO varlığı olarak resimlerin bir adı olması gerekir. Fakat herhangi bir isim yeterli olmayacaktır. “IMG_20190914_1843” gibi genel adlar, arama motorları için bir anlam ifade etmediği gibi kullanıcılar için de bilgilendirici değildir.

Anahtar, açıklayıcı, anahtar kelime açısından zengin dosya adları kullanmaktır. Arama motorlarının her bir kelimeyi ayrı ayrı tanıyabilmesi için kelimeleri tire ile ayırdığınızdan emin olun (alt çizgiler büyük bir hayır-hayırdır).

Örneğin sitenize bir çay paketinin resmini yüklemek isteyebilirsiniz:

Dosyanızın SEO değerini artırmak için, onu “organik-bitkisel-çay” olarak adlandırabilirsiniz.

Bilgi Açısından Zengin Alternatif Metinler Yazın

Alternatif metin veya alternatif metin, görüntüleri açıklayan bir HTML özelliğidir. Mutlaka bir görüntünün içeriğini yansıtmak zorunda değildir. Fakat anlamı ile eşleşmelidir.

Alternatif metinler, öncelikle web sitelerinin erişilebilirliğini artıran ve görme engelli kitlelere yönelik ekran okuyucular için kullanılır. Bu programlar, kullanıcıların web’de gezinmesine yardımcı olan ve onları göz attıkları sayfanın içeriği hakkında bilgilendiren bir ses sentezleyici içerir.

Alternatif metinler, arama motorlarının bir sitedeki fotoğrafları doğru bir şekilde dizine eklemesine de yardımcı olur. Arama motorları, bir görüntünün konusunu anlamak ve kullanıcıların sorguları için iyi bir eşleşme olup olmadığını belirlemek için alternatif metne odaklanacaktır.

Hatta fotoğraflar herhangi bir nedenle yüklenmediğinde, alternatif metin içeren bir resim kutusu görünecektir. Arama motorları bir sayfayı sıralamak için alternatif metne güvenecek ve ziyaretçiler fotoğrafın ne olması gerektiğini anlayacak. Alternatif metin yoksa, kullanıcılar yalnızca boş bir alan görür.

Alternatif metinler, hedeflenen anahtar kelimeleri içermelidir. Fakat hepsinden önemlisi, bilgilendirici ve yerinde olmaları gerekir. Fakat anahtar kelime doldurma tuzağına düşmemeye dikkat edin. Bir sandalye resmi eklemek istediğinizi varsayalım:

Bu tür alternatif metin kullanmaktan kaçının:

<img src=”chair.jpg” alt=”Wooden chair furniture handmade living room interior design”/>

Web sitenizin spam olarak işaretlenmesine neden olabilecek çok fazla anahtar kelime içeriyor. Olası kötü kullanıcı deneyiminden bahsetmiyorum bile.

Bunun gibi bir resim için iyi bir alternatif metin şunlar olabilir:

<img src=”chair.jpg” alt=”Handmade wooden chair”/>

Alternatif metinler için önerilen ideal bir karakter sayısı yoktur. Fakat 25 veya daha azını hedeflemek en iyisidir.

Resim Altyazılarını Dahil Et

Altyazılar genellikle resimlerin altında görüntülenir. Kullanıcıların fotoğraflardaki öğeler hakkında daha fazla bilgi keşfetmelerine veya arka plan hikayelerini öğrenmelerine yardımcı olurlar.

Altyazılar SEO üzerinde doğrudan bir etkiye sahip olmasa da sayfalarda görünür ve bu nedenle kullanıcı deneyimini etkileyebilir. Örneğin bir çiçekçi dükkanı işletiyorsanız veya yalnızca online bitki satıyorsanız, altyazılar olmadan çiçek resimleri eklemek pek mantıklı olmaz. Ziyaretçiler sitenizde belirli bir çiçeğin adını bulamıyor diye yüksek hemen çıkma oranlarını riske atmak ve arama motorlarındaki güvenilirliğinizi tehlikeye atmak istemezsiniz. Bazıları çiçeklerin görünüşüne göre alışveriş yapmaya hazır olabilir. Fakat alıcıların çoğu muhtemelen gözlerini yakalayan çiçek hakkında daha fazla ayrıntı öğrenmekle ilgilenecektir.

WordPress’te Resim Başlıkları, Alternatif Metinler ve Resim Altyazıları Nasıl Eklenir?

Resimlerinize meta veri eklemenize yardımcı olmak için takip etmesi kolay bir eğitim videosu hazırladık.

Alternatif olarak aşağıdaki yönergelere bağlı kalabilirsiniz.

Gutenberg’de dosya yüklendikten sonra resmin altına başlığı girebilirsiniz:

Alternatif metne gelince, belirlenmiş alanı ekranın sağ tarafında, Görüntü Ayarları altında bulacaksınız:

Resmin adıyla ilgili olarak WordPress onu dosya adından üretecektir. Değiştirmek için ortam kitaplığınızı açın – görüntünün üzerindeki Değiştir düğmesine tıklayarak ve Ortam Kitaplığını Aç’ı seçerek doğrudan bloktan ona atlayabilirsiniz.

Daha sonra söz konusu fotoğrafı seçin ve Ek Ayrıntıları panelinde başlığını değiştirin.

Medya kitaplığında altyazı ve alternatif metinde de değişiklikler yapabilirsiniz.

Klasik Editör’e sadıksanız, dosyanın üzerinde bulunan kurşun kalem simgesine tıklayarak resminizin meta verilerini girebilirsiniz:

Yeni açılan pencerede, dosyanız için alternatif metin ve resim yazısı girebilirsiniz:

Başlığı değiştirmek için ekranın alt kısmındaki Gelişmiş Seçenekleri açmanız gerekir:

Elementor’da öncelikle yüklediğiniz görsele tıklamalısınız. Daha sonra ekranın sol tarafındaki menüde, kalem simgesinin görünmesi için fotoğrafınızın küçük vitrinine tıklamanız gerekir:

Daha sonra Klasik Düzenleyici’dekiyle aynı Görüntü Ayrıntıları panelini göreceksiniz ve resminiz için başlık, alternatif metin ve resim yazısı girmenize izin verecek.

Mantıksal bir URL Yapısı Oluşturun

Arama motorları, dosya yapınızı daha iyi anlamak için URL yollarına dikkat eder, bu da dosya yollarını önemli bir sıralama faktörü yapar.

Bu yüzden özellikle siteniz görsel açısından zenginse, URL’lerinizin duyarlı ve mantıklı olmasını sağlamak önemlidir. Örneğin bir online mağaza işletiyorsanız, içeriğinizi dikkatli bir şekilde düzenlemeli ve adlandırmalısınız. Adidas’ın web sitesinden şu örneğe bir göz atın:

https://www.adidas.com/us/women-black-workout-shoes

Bu URL yolundan, hem kullanıcılar hem de arama motorları söz konusu sayfada ne tür fotoğraflar bulacaklarını net bir şekilde anlarlar.

Duyarlı Görseller Kullanın

Çözünürlükleri ve boyutları ne olursa olsun, resimlerinizin tüm cihazlarda mükemmel piksel görünmesini sağlamak bir zorunluluktur. WordPress 4.4’ten itibaren, RICG Duyarlı Görüntüler eklentisi platformun çekirdeğiyle birleştirilmiştir, böylece varsayılan olarak duyarlı görüntüler elde edersiniz.

Medya Kitaplığınıza bir fotoğraf yüklediğinizde, platform, tam (orijinal dosya boyutu), büyük (maksimum yükseklik veya genişlik 1024 piksel), orta büyük (maksimum yükseklik veya genişlik 768 piksel), farklı boyutlarda beş kopya oluşturur. orta (maksimum yükseklik veya genişlik 300 piksel) ve küçük resim (maksimum yükseklik veya genişlik 150 piksel). Bu boyutları manuel olarak değiştirebilirsiniz.

WordPress, tarayıcılarla iletişim kurmak ve onlara beş boyuttan hangisini seçeceklerini söylemek için srcset ve size niteliklerini kullanır. srcset niteliği, cihaza bağlı olarak görüntünün ölçeklenmesi gereken boyutlar hakkında görüntü genişliği ve boyutu hakkında bilgi verir.

Bundan bağımsız olarak sitenizin her yönünün tüm cihazlarda harika görünmesini sağlamak için tamamen duyarlı bir WordPress teması kullanmak her zaman iyi bir fikirdir.

Ek Sayfaları Devre Dışı Bırak

Sitenize bir resim yüklediğinizde, WordPress bunun için bir URL oluşturur. Bu URL’ye ek sayfası URL’si denir. Kullanıcılar, aramayı kullanarak ek sayfalarını bulabilir veya bunlara doğrudan bir bağlantı aracılığıyla erişebilir.

Tüm ek sayfaları, eklediğiniz görüntünün yalnızca daha büyük bir sürümünü içerir; bu, kötü kullanıcı deneyimine neden olabilir ve hemen çıkma oranlarını artırabilir. Bu yüzden onları devre dışı bırakmak neden daha iyi olur. Bunu yapmanın en hızlı yolu Yoast eklentisini kullanmaktır.

Kontrol panelinize gidin ve SEO > Arama Görünümü’nü seçin.

Daha sonra Medya sekmesine tıklayın ve Ek URL’lerini ekin kendisine yönlendir seçeneğini Evet olarak ayarlayın.

Kullanıcıların eklenti sayfalarına erişmesini engellemenin eklentisiz yolu, sitenizin functions.php dosyasına aşağıdaki kodu eklemektir:

function qode_attachment_redirection() {
if ( is_attachment() ) {
global $post;
if ( empty( $post ) ) {
$post = get_queried_object();
}
if ( $post->post_parent ) {
$redirect_link = get_permalink( $post->post_parent );
// Redirect to the parent page/post, i.e. on which the image was uploaded
wp_safe_redirect( $redirect_link, '301' );
exit();
} else {
// If the parent page/post is unavailable, redirect to the homepage
wp_safe_redirect( home_url(), '301' );
exit();
}
}
}
add_action( 'template_redirect', 'qode_attachment_redirection' );

Bu kodu functions.php dosyasına eklediğinizde, iki sonuç mümkündür:

1. Bir sayfaya resim yüklediyseniz veya bir resim kısa kodu kullanarak gönderi yaptıysanız, kullanıcılar o sayfaya/yazıya yönlendirilecektir – sözde ana sayfa/yazı 2. Bir sayfaya resim eklediyseniz veya doğrudan Medya Kitaplığı’ndan yayınlayın (yani kısa kodlar kullanmadan), kullanıcılar sitenizin ana sayfasına yönlendirilecektir.

Her iki durumda da, ek sayfasına erişemeyecekler. Fakat bir WordPress uzmanı değilseniz, functions.php dosyasında kendi başınıza herhangi bir değişiklik yapmanızı önermeyiz.

Bir Resim Site Haritası Oluşturun

Bir site haritası veya XML Site Haritası, bir sitedeki tüm URL’leri ve bunlarla ilgili bilgileri içeren bir dosyadır. Kullanıcılar bunu göremez. Fakat önemi, arama motorlarının içeriği bulmasına, taramasına, anlamasına ve dizine eklemesine yardımcı olması gerçeğinde yatmaktadır.

Arama motoru botları siteleri otomatik olarak tarar. Fakat bazı dosyaları atlama ihtimalleri her zaman vardır. Bir site haritası oluşturduğunuzda, Googlebot ve diğer tarayıcılar tüm içeriğinizi bulacak, aynı zamanda sayfalarınızın nasıl düzenlendiğini ve birbirine bağlı olduğunu da anlayacaktır.

Arama motorlarının resimleriniz hakkında gerekli tüm bilgileri almasını ve dizine eklemesini sağlamak için bir resim site haritası oluşturmalısınız. Bir tane oluşturmak için yardıma ihtiyacınız varsa, WordPress site haritaları ve bunların nasıl oluşturulacağı hakkındaki kapsamlı kılavuzumuz çok yardımcı olacaktır.

Görüntülere Yapılandırılmış Veri Ekleme

Yapılandırılmış veri, diğer adıyla şema işaretleme, bir sayfa ve içeriği hakkında organize bilgiler içerir. Yapılandırılmış veri kullanmanızın nedeni, arama motorlarına içeriğiniz hakkında mümkün olduğunca fazla bilgi sağlamak, içeriğinizi anlamalarına yardımcı olmak ve aramalarda zengin sonuç olarak görüntülenmeye uygun hale getirmektir. Resimlerinizi doğru bir şekilde işaretlerseniz, kullanıcıların hangi tür içeriğin görsellerle ilgili olduğunu anlamaları, sorgularıyla alakalı olup olmadığına karar vermeleri ve sonuç olarak sitenizin trafiğini artırmaları daha kolay olacaktır.

Google Görseller, ürünler, videolar ve yemek tarifleri için yapılandırılmış veriler kullanır. Hatta cep telefonlarında ilgili rozetlere sahip GIF’lerin yanı sıra her üç kategoriyi de görüntüler. Rozetler, fotoğrafın sol alt köşesinde görünür ve kullanıcılara, görsele tıkladıklarında ne tür içeriklerin beklediğini söyler.

Örneğin bir yemek pişirme blogu işletiyorsanız, yapılandırılmış verilerinize resimlerin yanı sıra kullanıcı puanlarını, pişirme sürelerini ve beslenme bilgilerini de ekleyebilirsiniz. Google’a ne kadar çok bilgi verirseniz, tarifinizi çekici bir şekilde sergilemesi ve kullanıcıları sayfanızı ziyaret etmeye teşvik etmesi o kadar kolay olacaktır.

Şema işaretlemeleriyle ilgili yardıma ihtiyacınız olması durumunda Google, yapılandırılmış verilerin nasıl çalıştığını anlamanıza yardımcı olacak bir rehber hazırladı. Hatta resimlerinizin zengin sonuçlar olarak görüntülenme şansını artırmak için izlemeniz gereken genel yapılandırılmış veri yönergelerini de yazdılar.

OpenGraph ve Twitter Kart Etiketlerini Dahil Et

OpenGraph, Facebook’un web siteleri ile söz konusu sosyal medya devi arasındaki entegrasyonu kolaylaştırmak için sunduğu bir protokoldür. OpenGraph meta etiketlerini HTML’nize entegre ettiğinizde, içeriğinizin başkaları Facebook’ta paylaştığında nasıl görüneceğini kontrol edebilirsiniz.

En yaygın OpenGraph meta etiketleri arasında og:title, og:description, og:url, og:site_name ve og:image bulunur. Resim etiketinin çok önemli olmasının nedeni, çekici fotoğrafların insanları sayfanızı ziyaret etmeye teşvik edebilmesidir.

…