Görüntünüzü çevrimiçi olarak sunmanın en iyi yolu

Ne tür bir web sitesine sahip olursanız olun, büyük olasılıkla içeriğiniz metin ve resimlerin bir karışımıdır. Fotoğrafçılar, sanatçılar ve diğer reklam materyalleri için, web sitenizdeki resimler içeriğinizin en önemli parçası olabilir, bu nedenle nasıl doğru sunulacağını bilmek önemlidir. Tabii ki, daha fazla düşünmeden WordPress kontrol panelinden fotoğraf ve grafiklere devam edebilir ve yükleyebilirsiniz, ancak web sitenizin hızlı bir şekilde yüklendiğinden ve arama makineleri için optimize edildiğinden emin olmak istiyorsanız, bu kısa kılavuzu en iyisi için okumalısınız. Web sitenizde resim kullanırken pratik yapın.
Resimleri kaydetme ve yükleme WordPress, doğrudan bilgisayarınızdan büyük resim yüklemenizi ve blogunuzun genişliğine uyacak şekilde otomatik olarak görüntülenmesine rağmen, işlenmemiş görüntüleri yüklemenizi önermiyoruz. Herhangi bir web tarayıcısı, kodda talimat verilirse, gerçek dosya boyutunda bir azalmaya neden olmazsa görüntüleri daha küçük boyutta görüntüleyebilir. Genişliğin% 50’sinde görüntülenen Şekil 500KB ve tam yükseklik 500KB olarak kalacaktır. HTML ve WordPress’i anlamayan blogcular, görüntülerinin ekranda büyük görünmediği için hızlı bir şekilde indirilecekleri anlamına gelebilir, ancak bu her zaman gerçekleşmez.
Görüntünüzün boyutunu kontrol etmek için, blogunuzdaki görüntüdeki kontrolü sağ tıklayın veya tıklayın ve menüden görüntüyü görün/açmayı seçin (kullandığınız tarayıcıya bağlı olarak kelimeler biraz farklı olacaktır). Açık olan görüntü blogunuzda gördüğünüzden çok daha büyükse, bu, görüntünüzün boyutunun uygun olmadığı anlamına gelir. Çok sayıda görüntü içeren bir blogunuz varsa ve yüklemeden önce görüntünüzün boyutunu değiştirmezseniz, web sayfanızın birleşik boyutu çok büyük olabilir. Boyutu değiştirmek ve yüklemeden önce resminizi sıkıştırmak için birkaç dakika daha almanızı öneririz. Bu, kullandığınız Photoshop veya diğer görüntü düzenleme yazılımlarında kolayca yapılabilir. Picmonkey gibi ücretsiz çevrimiçi araçları da kullanabilirsiniz ve dinamik sürücü görüntülerini optimize edebilirsiniz. Görüntünün boyutunu manuel olarak değiştirmek, sıkıştırma üzerinde tam kontrol sağlar ve yükleme sürenizi büyük ölçüde azaltacaktır, ancak isterseniz görüntüyü kullanmayı da seçebilirsiniz. Bu, her yüklemede otomatik olarak oluşturulan WordPress boyutunda değiştirilir. Görüntüleri bir yayına eklediğinizde, tam, büyük, orta veya küçük bir resim ekleme seçeneğiniz vardır. Blogunuzun tasarımını Ayarlar> Medya’da eşleştirmek için bu boyutu düzenleyebilirsiniz. Bu yöntemi seçerseniz, orijinal tam boyutlu resminizin web sitenizden serbestçe indirilecek herkes için kullanılabilir olacağını bilin – fotoğrafçılar ve illüstratörler için en iyi seçim değil!
Görüntülerin ve kullanımların optimizasyonu Görüntülerinizin sayfa açma saati için doğru bir şekilde boyutlandırılmasını ve optimize edilmesini sağlamanın yanı sıra, görüntünün SEO (arama motoru optimizasyonu) için doğru şekilde işaretlendiğinden emin olmanız gerekir. SEO, arama motorlarının sitenizi bulmasını ve dizine eklemesini kolaylaştırır ve iyi SEO teknikleri kullanan sitelerin, Arama Motoru Verim Sayfalarında, etkisiz sitelere kıyasla daha yüksek görünmesi muhtemeldir. SEO ile ilgili tam tartışma bu makalenin kapsamını aşar (doğrudan kutudan birçok dost-re-re-wordpress temaları), ancak meta görüntü bilgilerinizi optimize etmek, sitenizin SEO’su üzerinde biraz cesaret vermenin ve iyileştirmenin kolay bir yoludur. İnsanların sitenizi Google görüntü araması ve diğer resim tabanlı arama makineleri aracılığıyla bulmasına yardımcı olabilir. Özellikle resim önemli bilgileri gösteriyorsa, doğru görüntünüz de kullanım için önemlidir. Görüntülerin yüklenemeyeceği veya görülemediği durumlarda (yavaş bir internet bağlantısı nedeniyle, görüntü kapalı olduğu veya görme problemleri olan kullanıcılar için), alternatif bir metin açıklaması vermek şarttır. 1. İlk dosya adı, resminizi kaydederken, tanımlayıcı bir dosya adına sahip olduklarından emin olun. IMG_013445.jpg adlı resminizi bırakarak veya kameranızdan çıktıklarında ne olursa olsun, arama motoruna ne tarif ettikleri hakkında herhangi bir talimat vermeyeceksiniz. Bağlantı notları ile ayrılan uygun tanımlayıcı anahtar kelimeleri kullanın, örneğin Children-playing-cean.jpg
2. Alt Metin Görüntünüzü bir medya yükleyicisi aracılığıyla yüklerken WordPress, dosya açıklamaları için birkaç alan sunar. Bu boş bırakılabilse de (ve birçok blogcu zamandan tasarruf etmek için bunu yapar), ne kadar çok alan doldurursanız, SEO ve kullanım için o kadar iyidir. En önemli şey alternatif metin, “alternatif metin” için kısa. Bu, görüntü kapatıldığında veya başka nedenlerle görüntülenemediğinde görüntülenen metindir, bu nedenle görüntünün bir açıklaması olarak işlev görmelidir. Arama motoru bu metni de okur ve sayfa ve sitenizi listeye nereye yerleştireceğiniz konusunda karar vermek için kullanır. Örneğin, Teksas merkezli bir düğün fotoğrafçısıysanız, tüm blog resimleriniz için alternatif metinlerin “düğün fotoğrafçıları” ve “Texas düğün fotoğrafçılığı” gibi anahtar kelimeler de dahil olmak üzere birçok tanımlayıcı metin içerdiğinden kesinlikle emin olacaksınız. Her ne kadar blog metniniz gibi, resim açıklamanızda aşırı anahtar kelimeler yapmamanız önemlidir.
Zaman kazanmak için tüm resimlerinize aynı alternatif metni kopyalamak ve eklemek cazip olabilir, ancak ideal olarak, her resmin doğru bir şekilde açıklayan benzersiz bir alternatif metnine sahip olmanız gerekir. 3. Resim Başlığı Resim Başlığı Alt metnine benzer, ancak biraz farklı bir amacı vardır. Görüntüler için alternatif bilgiler sağlamak yerine, başlık ek bilgi sağlamalıdır. Görüntünün başlığı, imleci görüntüye yönlendirdiğinizde Sembulan kutusunda görünen “uç aracı” metindir. Bu metin kullanım ve SEO için önemlidir ve görüntü veya bağlantı nerede hakkında hızlı ve alakalı bilgiler sağlamalıdır. Görüntü başlıkları Alt metinden biraz farklı olmalıdır ve yine her görüntü için benzersiz olmalıdır. 4. Altyazı Görüntü altyazı genellikle görüntünün altında görüntülenen metindir ve ek bir açıklama veya destekleyici metin verir. Bilgileri kullanmak isteğe bağlıdır, ancak görüntünüz hakkında ek bilgi sağlamak veya diğer sitelerden görüntüler kullanıyorsanız kaynaktan alıntı yapmak için yararlı olabilir. Sanat Galerisi sergisindeki bilgi etiketleri gibi altyazıları hayal edin. Görüntülerin Yerleşimi Varsayılan olarak, bir görüntüyü bir sayfaya veya gönderiye eklediğinizde, WordPress onu yalnızca resmiyle yeni bir sayfaya bağlar. Bunun gerçek bir nedeni yoktur ve SEO açısından sitenize zarar verebilir.
Bu aynı zamanda büyük bir kullanım sorunu olabilir – kullanıcı imleci görüntünüze yönlendirir ve bunun bir bağlantı olduğunu görürse, bunun yararlı bilgilerle sayfaya bağlı olduğunu düşünebilir.Sayfaya tıklamak yalnızca bu resim ziyaretçiler için zaman kaybıdır ve hatta ziyaretçileri kaybetmenize neden olabilir.Bu sorunun üstesinden gelmek için, gerçekten belirli bir sayfaya bağlamak istemediğiniz sürece, WordPress’e resim yüklerken “bağlantı url” alanı olarak “hiçbir şey” seçin.Bunu yaparsanız, görüntünün nereye bağlı olduğunu göstermek için başlık veya resim açıklamasını kullandığınızdan emin olun.

Görüntü yerleşimi, görüntünüzün SEO ve kullanıcı dostu için optimize edilmesini sağlamanın yanı sıra, metninizi estetik ve okunabilirlik nedenleriyle nasıl eşleştirdiklerini düşünmek de önemlidir. Bir görüntü satırı (metnin sarılması için ana sütundan daha küçük), tam geniş görüntü veya her ikisinin bir kombinasyonu kullanmayı tercih edebilirsiniz. Kaçınmanız gereken tek şey, tam genişliği olmayan bağımsız görüntüler veya değişen genişliğe sahip bir dizi görüntü kullanmaktır, çünkü bu profesyonelce ve çekici görünmez. Bunu başarmak için, portre görüntüsünüzün peyzaj görüntüsünüzle aynı genişliğe sahip olduğundan emin olmalısınız. Görüntünüzün yüksekliğini izleyin – Çok yüksekse, görüntü daha küçük bir çözünürlüklü ekranda taşabilir. Bu, kullanıcının önlenmesi gereken tam görüntüyü görmek için kaydırılmasına neden olur. Görüntünüz portre formatında tam genişlik olarak görüntülenemeyecek kadar büyükse, iki veya daha fazla portre görüntüsünün bir kolajı yan yana oluşturabilirsiniz. Bir dizi görüntü içeriğinizde biraz varyasyon verebilir ve büyük metin duvarının parçalanmasına yardımcı olabilir. Ayrıca, tam genişlikte görüntülenemeye uygun olmayan daha küçük veya dar görüntüler için iyi bir seçimdir. Bir görüntü satır kullandığınızda, bir kez daha en iyisi görsel tutarlılık için genişlik setine karar vermektir. Bu, metin sütununun genişliğinin yarısından fazlası olmamalıdır, çünkü bundan daha geniş olan görüntü metni çok fazla sıkıştıracak ve okumayı zorlaştıracaktır. Sol kenar boşluğuna zarar vermemek ve okunabilirliği azaltmak için bir görüntü satırı, metnin solunda değil, her zaman sağa hizalanmalıdır.