Sitenizin resimlerini daha hızlı ve daha performanslı hale getirmek için nasıl optimize edebilirsiniz?

Kişisel bir web sitesi başlatmak veya mevcut bir web sitesinin performansını artırmak üzere misiniz? Görüntü optimizasyonunun site sıralaması ve en üst sıralarda yer almanın anahtarı olduğunu daima unutmayın.

Bir web sitesinde çalışırken, onu zevklerimize ve ürünlerimize göre ayarlamak için genellikle içeriğe, optimize edilmiş metinlere, fotoğraflara ve renklere ve diğer küçük stilistik seçeneklere odaklanma eğilimindeyiz. Ancak çoğu zaman görüntü optimizasyonunu önemsemeyiz ya da önemini gözden kaçırırız.

Görüntüleri optimize etmek ne anlama gelir?

Esasen, görüntüleri optimize etmek, sitenizin hızını ve performansını artırmak için sıkıştırmak ve daha az ağır hale getirmek anlamına gelir.

Çoğu kişinin bilmediği şey ise, görselin kalitesi ve ağırlığının sitenin hızını ve performansını ve dolayısıyla arama motorlarındaki konumunu doğrudan etkilediğidir .

İçeriğinizin ve anahtar kelimelerinizin kalitesini artırmak için elinizden gelen her şeyi zaten yaptıysanız ve web sitesi ve dizin ayarlarında herhangi bir teknik sorun yoksa, o zaman optimizasyon zamanıdır: bu, en iyi arama portalı konumlarına tırmanmada fark yaratabilir.

Web görüntüleri: ideal ağırlık, çözünürlük ve boyutlar

Web için ideal bir görüntü ağırlığı genellikle 200–300 kb'dir. İdeal bir çözünürlük 72 dpi'dir (yani yaklaşık %70). İdeal boyutlar , uzun kenarı 1200 pikselle sınırlar (daha büyük boyutlar ve çözünürlük esas olarak yazdırma için belirtilir, ancak web bağlamları için pek uygun değildir).

Bu nedenle, bir web sitesinin performansını optimize etmek için resimlerin ağırlığını ve çözünürlüklerini azaltmak ve resmi sayfa formatına uyarlamak çok önemlidir.

Bir sitedeki resimler nasıl optimize edilir

Bir grafik uzmanı değilseniz ve Photoshop'un ne olduğunu bile bilmiyorsanız, korkmayın: site görüntülerinizi kalitelerini korurken kolayca optimize etmeniz için birçok kolay, ücretsiz araç ve web sitesi var. Öte yandan, kendinizi yönetebiliyorsanız, görüntüleri Photoshop ile web için optimize etmek kesinlikle en iyi seçenektir.

Aslında, bu siteler ve araçlar, optimize edilmiş bir görüntü elde etmek için genel değerleri önceden ayarlar, yani, kalitesini etkilemeden web standartlarına göre ağırlık ve boyuta göre sıkıştırılmış bir görüntüye sahip olmak. Açıkçası, sonucun çoğu, ilk etapta yüklediğiniz resme bağlıdır. Elbette, grenli bir başlangıç ​​görüntüsü, sıkıştırmadan sonra yüksek kaliteli bir görüntüye dönüşemez.

Gerektiğinde ücretsiz veya ücretli olarak görüntü optimizasyon işlevlerine sahip siteler arasında Comprimilo, Optimizilla, Kraken, TinyPNG ve CompressJpeg bulunur. Sürekli gelişen web ile her zaman olduğu gibi, bu siteler, özellikle ücretsiz olanlar değişmeye devam ediyor. Ancak, basit bir anahtar kelime araması, resimlerinizi ücretsiz olarak optimize etmek için en iyi, güncel siteleri bulmak için yeterli olacaktır.

Ayrıca, siteniz WordPress platformuyla oluşturulduysa, başka bir şansınız daha vardır: WordPress görüntülerini eklentiler aracılığıyla optimize etmek . Eklentiler, diğer programların işlevlerini iyileştirmeyi amaçlayan destek programlarından başka bir şey değildir. Kısacası siz, kendiniz kod yazmanıza gerek kalmadan sitenize yeni özellikler eklerler.

En popüler olanlar:

• ezmek
• EWWW Görüntü İyileştirici
• hayal et
• KısaPiksel
• MinikPNG

Görüntü optimizasyonunda SEO'nun rolü

Fotoğraf ağırlığı ve kalitesi, görüntü optimizasyon sürecinde onlarla birlikte gelen SEO kadar önemlidir. Aslında SEO sadece site metinlerinizin anahtar kelimeleri ile ilgili değildir. Ayrıca siteye yüklenen resimlerin başlıkları ve etiketleri ile ilgilenir.

Bir görüntünün SEO'su şunları içerir:

• alt özelliği, yani alternatif metin
• başlık özelliği, yani resim başlığı
• altyazı
• tanım
• URL, yani bağlantı

Alt metni ve başlığı iyi ayarlamak çok önemlidir. Resminizi ne kadar doğru tanımlarsanız, arama motorları onu eşleşen arama anahtar kelimeleri için kaliteli içerik olarak algılayacaktır. Bu, özellikle her bir görsel ürününün kendi içinde bir arama anahtarı olduğu e-ticaret için geçerlidir.

Görüntüleri siteye yüklemeden önce PC klasörlerinize doğru bir şekilde kaydettikten sonra optimize etmek ideal olacaktır. Açıkçası, bu mümkün değilse, sitenin resim galerisine geri dönebilir ve bu işi daha sonra yapabilirsiniz.

Photo1, Kkkkkkkkkkjpg, Image_3 vb. altında kaydettiğiniz tüm resimleri mi düşünüyorsunuz?

Şimdi, onları optimize etmek için koşun!

Birkaç basit adımda site resimleri nasıl optimize edilir

1. Siteye yük getirmemek için resimlerinizin boyutunu sıkıştırın

Aşırı büyük ve ağır resimlerin web sitenizi yavaşlatmasını istemiyorsanız, resimlerinizi basit ve hızlı bir şekilde optimize etmenize izin veren ücretsiz sitelerden birine gidin. Bazılarını yukarıda önerdik, ancak diğerlerini her zaman basit bir Google aramasıyla bulabilirsiniz.

Daha deneyimli olanlar Photoshop'a başvurabilir. Web sitemize eklediğimiz görselleri en iyi şekilde kişiselleştirmek için kesinlikle en profesyonel araçtır.

2. Dosyanıza uygun bir ad verin

Hepimiz orada bulunmuş olsak da (aksi gibi davrananlar için bile), görüntü dosyalarımızı pffffffff, image_7, img568, vb. adlarla hızlı bir şekilde kaydetmek asla iyi bir seçim değildir.

Resminiz için etkili ve açıklayıcı bir başlık bulmak için bu fazladan dakikayı ayırın. Bu adımı hemen yaparsanız, daha sonra çifte çalışma yapmanız gerekmeyecektir.

İyi bir şeyin çok fazla olmasına dikkat edin. Bir dizi anahtar kelimeyi arka arkaya dizmeyin. Algoritma, resminizdeki anahtar kelimeleri dışarıda bıraktığınız için sizi cezalandırabilir. Her zaman mutlu bir ortam seçin.

3. Resminizin başlığına uygun bir alternatif metin seçin

Görsel başlığını seçtikten sonra uygun bir alternatif metni birleştirerek devam edin. Bu aslında bir görseli başlıkla birlikte indekslemek ve optimize etmek için en önemli unsurdur. Alternatif metin, yalnızca görsel olanlara alternatif olan görüntü ayrıntılarını sağlamayı amaçlamaktadır.

Ardından, resimde gördüğünüzü kelimelerle açıklayın.

4. Bir başlık ve açıklama girin

Altyazı ve açıklama, başlık ve alternatif metin kadar önemli değildir. Ancak, optimize ettiğinizde resminize daha fazla alaka verebilirler.

Altyazı, mesajını ve alaka düzeyini güçlendirmek için resmin hemen altında veya yanında sayfada görünecek metindir.

Açıklama, görüntüleri sıralamak ve ne içerdiklerini bilmek için dahili site programlaması içindir. Özel bir SEO ilgisi yoktur.

5. Görüntüleri kaydedin ve web sitenize yükleyin

Görsel hazırlandıktan, sıkıştırıldıktan ve SEO amaçları için optimize edildikten sonra, bilgisayarınıza kaydetmeniz yeterlidir. Ardından, ilgilendiğiniz web sitesine yükleyin.

Sonuçlar

Görüntüler genellikle hafife alındı ​​ve tamamen stilistik bir unsur olarak kabul edildi. Gerçekte, web sitemizin performansını daha da iyileştirmek ve arama motorlarında üst sıralara çıkmak için bu ekstra adımı atmak için gereklidirler.

Görüntüleri optimize etmek, genellikle atlamayı tercih ettiğimiz uzun ve sıkıcı bir süreç gibi görünebilir. Ancak, böyle bir süreci bir kez kavradığınızda, bunu kolay ve otomatik bulacaksınız. Uzun vadede, web sitenizi daha hızlı ve kullanıcıların arama anahtarlarıyla daha alakalı hale getirerek performansını artırmanıza olanak tanır.

Son olarak, aynı optimizasyon kurallarının (ağırlık azaltma, alternatif metin vb.) e-postalarınız için de geçerli olduğunu unutmayın! Hepsini MailUp E-posta Tasarım Kılavuzunda keşfedin !