Daha iyi arama motorları sıralaması için görüntüleri optimize etmek için 8 ipucu
Bir fotoğraf, infografik veya illüstrasyon olsun, sitenize resim eklemek okuyucunun deneyimini geliştirmenin güçlü bir yoludur. Beyin süreçleri görsellerimiz metinden çok daha hızlıdır, bu da görüntüleri içeren makalelerin neden yapmayanlardan% 94 daha fazla görüntüleme elde ettiğini açıklayabilir. İçerik için uygun grafiklerin kullanımı, okuyucuyu cezbetmeye, ürünleri satmaya ve daha fazlasına yardımcı olabilirsiniz. En önemlisi, Arama Motoru Optimizasyonu (SEO) açısından mutlak bir anahtar olan bir bütün olarak ziyaretçilerinizin deneyimini geliştirebilirler. Görüntüler çok önemli bir site öğesine girerek, düzgün yapmalısınız.
Bu bölümde, daha iyi bir arama motoru sıralaması için görüntüleri optimize etmenize yardımcı olacak sekiz pratik ipucu sunacağız. Başlayalım! 1. Doğru görüntüyü bulun ve kullanın Basitçe, kullandığınız görüntünün konuyla ilgili olması önemlidir. Çevredeki içeriğin bağlamıyla eşleşmeyen görüntülerin kafa karıştırıcı mesajlar gönderdiği düşünülebilir. Tersine, ilgili metnin yakınına yerleştirilen görüntüler sıralamanıza yardımcı olacaktır. Dekoratif görüntüler eklemek cazip olabilir, ancak konuyla ilgili değilse, SEO değerleri ekleme fırsatı sunmazlar.
Örneğin, Jane Friedman’ın blog yayınında kullanılan üstün görüntüyü görmek iyidir, ancak doğrudan yayınlama konusuyla ilgili değildir:
Orijinal fotoğraf: Kameranızı veya akıllı telefonunuzu yüksek kaliteli resimler çekmek için kullanabilirsiniz. Bu ücretsiz ve tamamen yasal! Stok görüntüleri: Pixabay veya Unplash gibi siteler ücretsiz CC0 lisanslı görüntüler sunar veya Shutterstock veya Istock gibi premium siteler aralarından seçim yapabileceğiniz binlerce stok görüntü sunar.
GIF: Grafik Kavşak Biçimi (GIF) görüntüsü genellikle kısa animasyon klipleri için kullanılır ve öğreticinizin içeriğine veya derinliğine ilgi katabilir. Giphy’nin ihtiyaçlarınıza uygun birçok GIF seçeneği vardır ve ayrıca bunları kendiniz yapmak için uygulamalar sunar. Alternatif Screentogive ve Gifmaker.
Tasarım Araçları: Kendi görüntülerinizi yapmak istiyorsanız Canva, Stallama ve Picmonkey gibi siteler mükemmel bir alternatif olabilir. Görüntüleri uyarlamak, illüstrasyonlar yapmak, bir metinle oynamak ve daha fazlasını yapmak için birçok seçenek sunarlar.
Sonunda, makaleniz için doğru resmi seçmek, görüntü optimizasyon işlemini çok daha kolay hale getirecektir. Bir sonraki ipucuna bakalım – yani doğru anahtar kelimeleri kullanarak.
2. Arama motorunun görüntüyü göremediği göz önüne alındığında, görüntü dosyasının adına anahtar kelimeyi kullanın, görüntünün içeriğini sağlamak için tanımlayıcı metne ihtiyaç duyarlar. Kamera, resim stok web sitesi ve diğer resim kaynakları genellikle arama makinelerinin resimleri tanımlamasına yardımcı olmayan varsayılan genel dosyanın adını uygular. Bu nedenle, dahil etmek istediğiniz her resmin adını her zaman değiştirmek önemlidir. Örneğin, arama motorları, şunu gösteren bir dosya adı olmadığı sürece bu aslan görüntüsünü tanımlayamayacaktır:
Matt Porter Wildlife / Shutterstock.com Tabii ki, DSC987 uygunsuz olacaktır, ancak aslan iyi çalışacaktır, özellikle optimize ettiğiniz anahtar kelime ise. Dosya adları, görüntünün içeriğini gösteren arama motorları verir ve ayrıca ilgili anahtar kelimeleri kullanma fırsatı sunar. Konunuz için uygun bir görüntü seçtiyseniz, anahtar kelimeleri dosya adına giriyorsanız, mantıklı olmalıdırlar. Bununla birlikte, uygun bir dosya adı seçerken dikkate alınması gereken birkaç şey vardır – hem kullanıcılar hem de arama motorları için okunabilmesi için en önemlisi. İlgili konulara geçelim – ‘Alt’ metin. 3. Alternatif bir metin (veya alt) görüntüsünüzü ‘Alt’ metnini optimize edin Metin, dosya adını optimize etmekten daha ileri gider ve görüntünün sayfaya uygunluğu ile ilgili konunun bir açıklamasını sunar. Bu, arama motorları tarafından görüntü dosyasının içeriğini belirlemek ve hangi görüntünün arama isteğine yanıt olarak görüntülenecek en uygun olduğuna karar vermek için kullanılır.
Örneğin, aşağıdaki resmi çekin. Buradaki uygun alternatif metin “mavi kanepede uyuyan gri kedi” olabilir:
Resim AC Manley / Shutterstock.com
Görüntünün kendisinin görülemediği yerlerde alternatif metinler de kullanılır. Bu, ekran okuyucu kullanıcıları veya belirli görüntüleri görüntüleyemeyen düşük bant genişliği bağlantılarına sahip kişiler için geçerli olabilir. Görüntü görünmüyorsa, şöyle bir şey görebilirsiniz: Dosya adı gibi, uygun görüntüyü seçtiyseniz, alternatif metninizi de optimize etmelisiniz. Ancak, anahtar kelimelerin tehlikelerini unutmayın. Genel olarak, aynı kurallar diğer içeriğiniz gibi alternatif metinlere uygulanmalıdır – dilbilgisi doğru olmalı ve tutarlı olmalı, zorla veya doğal olmayan görünmez. WordPress’e alternatif metinler eklemek basittir. Medya kitaplığınıza gidin, resminizi seçin, açıklamanızı Alt metin bölümüne girin, ardından Kaydet’i tıklayın:
Ancak, yayına bir resim eklediyseniz, görüntüyü tıklayabilir, Pencil Düzenle simgesini seçebilir ve alternatif metin bölümüne açıklamanızı girebilirsiniz: Bu iki ekranda, daha sonra tartışacağımız bilgi ekleme seçeneğiniz olduğunu göreceksiniz. 4. Metni doğru kullanın Metin, görüntünün uygun metne daha fazla bağlam eklemesine yardımcı olur ve ana metnin içeriğinden ayrılır. Aşağıdaki resmi çekin:
Metninizin genellikle geçtiği yer burasıdır! (Grop / Shutterstock.com tarafından resim) İnsanlar sayfaları tararken metin okuma eğilimindedir ve ortalama olarak içeriğin kopyalarından% 300 daha fazla okurlar. Ancak, her görüntü bilgi gerektirmez, özellikle de etrafınızdaki metin bunu doğru bir şekilde açıklarsa. Buna ek olarak, metnin daha fazla SEO avantajı vardır – yakın mesafede ilgili içeriğe sahip görüntüler gibi arama motorları. Dosyanın adı ve alternatif metnin gibi, metne anahtar kelimeler eklemek bu konuda yardımcı olabilir. Alternatif metinler eklemek gibi, bilgiler bir medya kütüphanesi aracılığıyla veya yayınınız veya sayfanızdaki kalem düzenleme simgesinden eklenebilir. Doğru görüntü dosyasını kullanın farklı görüntü dosyası türü farklı kullanım için uygundur. GIF’den bahsettik, ancak iki popüler format daha var: Ortak Fotoğraf Uzman Grubu (JPEG). Taşınabilir Ağ Grafiği (PNG).
JPEG, PNG ve GIF arasındaki ana farklardan biri büyüklüğü ve kalitesidir. Bu, SEO için dosya boyutunun yükleme süresini nasıl etkilediği açısından önemlidir. Birer birer daha derine bakalım. İlk olarak, JPEG dosyaları kaliteyi kaybetmeden sıkıştırılabilir, bu nedenle genellikle karmaşık görüntüleri ve fotoğrafları küçük dosya boyutlarında saklamak için kullanılır. Ancak, JPEG dosyası çok fazla depolama ve düzenleme ile kaliteyi kaybeder.
Örnek Resim JPEG (Resim XBRCHX / Shutterstock.com)
PNG dosyaları ise çok fazla depolama ile kaliteyi azaltmaz. Genellikle çok büyük bir PNG dosyası bulursunuz, ancak çok küçük sıkıştırılabilir. Logolar gibi metinler dahil olmak üzere dekoratif görüntüler ve görüntüler için uygundur:
Son olarak, GIF küçük bir dosya boyutuna sahiptir, kaliteyi azaltmaz, aynı zamanda png veya jpeg kadar rengi desteklemez. Simgeler, metin veya satır görüntüleri için kullanılabilirler, ancak çoğu küçük animasyonlar sunmanın bir yolu olarak bilinir: bazen, ihtiyaçlarınıza bağlı olarak görüntüleri diğer formatlara dönüştürmeniz gerekebilir. Bu amaçla, çevrimiçi dönüşüm, görüntü dönüşümüm ve Coolalutils gibi size yardımcı olacak birçok araç vardır.
6. Görüntü dosyasının boyutunu azaltın Görüntü dosyası boyutu genellikle ihtiyacınız olandan çok daha büyüktür, çünkü içinde saklanan bilgi miktarı. Dosya boyutlarını azaltmak, (daha önce bildiğimiz gibi) SEO için iyi olan sayfa açık sürenizi azaltacaktır. Bu ayrıca, sunucunuzda daha az depolama alanı almanın yanı sıra bazı bant genişliği tasarrufu sağlayacaktır. Dahası, genellikle görüntü kalitesi üzerinde görünmeyen etkiler vardır. Örneğin, aşağıdaki resim 621k: Resim By Milles Studio / Shutterstock.com
Bununla birlikte, CompressJpeg gibi çevrimiçi dönüştürücüler kullanarak görüntülerin sıkıştırılmasıyla, dosya boyutu 73KB’ye düşer ve göz ardı edilebilecek kalitede bir azalma:
Resim By Milles Studio / Shutterstock.com Dosya boyutunun%88 azaltıldığını düşünmek oldukça iyi görünüyor! Görüntü dosyası boyutlarını azaltmanıza yardımcı olacak birçok çevrimiçi araç vardır. Bazı popüler olanlar görüntü optimize edici, Microsoft Office, tinypng ve resimleri çevrimiçi olarak azaltıyor. Ancak, WordPress ayrıca bir dizi eklenti seçeneğine sahiptir. Gerçek optimizasyon sürecine gelince, size rehberlik etmek yerine, kapsamlı kılavuzumuz size bu sorun hakkında bilmeniz gereken neredeyse her şeyi anlatacaktır. 7. Görüntü boyutunuzu değiştirin Görüntü dosyanızın boyutunu çevrimiçi bir araç veya eklenti aracılığıyla azaltmanın yanı sıra, görüntünüzün boyutunu değiştirerek de azaltabilirsiniz. Bu, görüntünüzün genişliğini ve yüksekliğini azaltır, dosya boyutunu azaltır ve bir kez daha sayfa yükleme süresini artırır. Ancak, bazı dosya formatları (PNG dosyaları gibi) boyutları değiştirmek için iyi yanıt vermez, bu nedenle boyutları değiştirmeden önce görüntüleri dönüştürmek isteyebilirsiniz. Doğru formatta görüntüleriniz olduğunda, Adobe Photoshop veya Microsoft Paint gibi araçlar aracılığıyla WordPress’e yüklenmeden önce boyut olarak değiştirilebilir veya WordPress’in kendisinde yapabilirsiniz. WordPress’teki boyutunu değiştirmek için, medya kitaplığınızdaki görüntüyü açmak, Resim Düzenle düğmesini seçin ve üretilen ekranda Görüntü Ölçeği bölümünün altındaki görüntü boyutlarını ayarlayın:Görüntünüz gönderinize eklenmişse, Pencil Düzenleme simgesinden erişerek boyutunu da değiştirebilirsiniz. Ancak, bunun dosyanın boyutunu azaltmadığını unutmayın – bu nedenle tarif ettiğimiz kar yoktur. 8. Site haritası oluşturma Site haritası, web sitenizin web sitesi yapısı hakkında daha fazla bilgi makinesi bilgi sağlar. Genellikle web sayfalarınızın bir listesini, nasıl düzenlendiğini ve sayfa ile ilgili meta verileri içerir. Google ayrıca, sitenizdeki video, resimler ve haber içeriği hakkında bilgi eklemenize olanak tanıyan site haritanıza uzantılar ekleme fırsatı sunar. Resim Site Haritası Örn Site haritası ayrıca arama makinelerinin bulunamayabilecek resimler bulmasına yardımcı olabilir – ancak tüm parçalardaki tavsiyemizi izleyerek, bu amaç için bir sorununuz olmamalıdır! Bir resim sitesi haritanız yoksa, Google kendi site haritanızı oluşturmak için talimatlar sağlar ve konuyu daha önce de gördük. WordPress’e optimize edilmiş bir resim yükledikten sonra Divi’de optimize edilmiş görüntünüzü kullanarak, görüntü herhangi bir gönderi veya sayfada kullanılmaya hazırdır. Divi kullanıcısıysanız, bir görüntü modülü kullanarak görüntüler ekleyebilirsiniz. Sayfanızı veya yayınınızı oluştururken Divi Oluşturucu düğmesini kullanın. Buradan, sütun ekleme düğmesini seçin ve satır düzeninizi seçin: Ardından, modül ekle seçin, modül seçeneğini aşağı kaydırın ve resim seçin:
Üretilen ekranda, yükleme düğmesine basın ve görüntünüzü medya kitaplığından seçin: Genel ayar ekranından istenirse yeni alt metin ekleyebilirsiniz ve animasyon ve konumu ayarlayarak görüntüye URL ekleyebilirsiniz. : Gelişmiş Tasarım Ayarları sekmesinde, görüntünüzün görüntülenmesini limiti ekleme ve maksimum genişliği ayarlama da dahil olmak üzere seçenekle daha fazla ayarlayabilirsiniz:
Kısacası, Divi, optimize edilmiş görüntünüzü neredeyse her yere göndermenizi kolaylaştırır ve yukarıda sunduğumuz adımları kaçırırsanız resimlerinizi daha da optimize etmenize yardımcı olabilir. Sonuç Görüntü, arama motoru sıralamanıza yardımcı olma veya engelleme potansiyeline sahiptir, ancak içerik yayınlarken genellikle bir yansıma haline gelir. Doğru görüntüyü seçin, biçimi optimize edin ve doğru bir açıklama ekleyin Tüm kullanıcı deneyiminizi geliştirmeye ve arama motoru sıralamanızı geliştirmenize yardımcı olabilir. Bu makalede, görüntüleri etkili bir şekilde optimize etmenize yardımcı olacak sekiz ipucu verdik. Onları hızlı bir şekilde özetleyelim: Doğru resmi bulun ve kullanın. Görüntü dosyası adına anahtar kelimeler kullanın. Alternatif metninizi optimize edin. Metni doğru kullanın. Doğru görüntü dosyası türünü kullanın. Görüntü dosyası boyutunuzu azaltın. Görüntü boyutunuzu değiştirin.
Bir görüntü sitesi haritası oluşturun.
Görüntüleri optimize etmek için ipuçlarınız var mı? Bize aşağıdaki yorumlar bölümünde anlatın ve konuşmayı takip edebilmeniz için abone olmayı unutmayın! Makale Küçük Resim Kuka / Shutterstock.com.