WordPress’te Görseller Nasıl Doğru Şekilde Eklenir (Adım Adım)

WordPress web sitenize veya blogunuza görsel eklemenin doğru yolunu mu arıyorsunuz?

WordPress’e doğru şekilde görseller ekleyerek web sitenizin görsel çekiciliğini, erişilebilirliğini ve SEO’sunu geliştirebilirsiniz. Hatta kullanıcıların kendi görsellerini yüklemelerine ve bunları sitenizde veya yarışmalarınızda kullanmalarına bile izin verebilirsiniz.

Bu makalede, WordPress’te görselleri nasıl düzgün bir şekilde ekleyeceğinizi adım adım göstereceğiz.

WordPress’te Görselleri Doğru Yüklemenin Önemi

Bazen kullanıcılar bir görseli kaynaktan doğrudan kopyalayıp web sitesi içeriklerine yapıştırırlar. Ne yazık ki bu durum yavaş sayfalar, kötü kullanıcı deneyimi ve zayıf SEO gibi sorunlara neden olabilir.

WordPress web sitenize görsel eklediğinizde, bunu düzgün bir şekilde yapmanız önemlidir. Bu, doğru dosya formatını, dosya adını ve alternatif metni kullanmak anlamına gelir.

Resimlerinizi tire ile ayrılmış açıklayıcı kelimelerle adlandırmanızı öneririz. Örneğin, seyahat blogunuzdaki bir görsel için ‘bali-vacation-photo.jpg’ dosya adını kullanabilirsiniz.

Görsellerin doğru şekilde eklenmesi, görsellerinizin hızlı yüklenmesi ve tüm cihazlarda iyi görünmesi için yeniden boyutlandırılması anlamına da gelir. Örneğin, JPEG gibi bazı görüntü formatları diğerlerine göre daha sıkıştırılmıştır, bu da bu görüntülerin sunucunuzda daha az yer kaplayacağı ve yüklenmesinin daha az zaman alacağı anlamına gelir.

Bu formatları ve resimler için bir resim sıkıştırma eklentisi kullanarak web sitenizin kullanıcı deneyimini iyileştirebilirsiniz.

Benzer şekilde, WordPress’teki Görsel bloğunu kullanarak ve görsellerinizi SEO ve alt metin için uygun şekilde optimize ederek, arama motorlarının görsellerinizi dizine eklemesini kolaylaştırabilirsiniz.

Bu, web sitenizin sıralamasını yükseltebilir ve engelli kişiler için web sitenizin erişilebilirliğini iyileştirebilir.

Bununla birlikte, WordPress’te görsellerin nasıl düzgün bir şekilde ekleneceğini görelim. Birkaç yöntemi ele alacağız ve eğitimimizin farklı bölümlerine atlamak için aşağıdaki hızlı bağlantıları kullanabilirsiniz:

Blok Düzenleyiciye Görsel Ekleme (Gutenberg)

WordPress blok editöründe Görsel bloğunu kullanarak kolayca görsel ekleyebilirsiniz.

Öncelikle, resim eklemek istediğiniz mevcut veya yeni sayfayı / gönderiyi açmanız gerekir.

Oraya geldiğinizde, blok menüsünü açmak için ekranın sol üst köşesindeki ‘Blok Ekle’ (+) düğmesine tıklayın. Buradan, Görsel bloğunu bulmalı ve gönderiye veya sayfaya eklemelisiniz.

Bunu yaptıktan sonra, ekranda ‘Medya Seç veya Yükle’ istemini başlatmak için ‘Medya Kitaplığı’ düğmesine tıklayın.

Bilgisayarınızdan bir resim yüklemek istiyorsanız buradan ‘Dosya Yükle’ sekmesine geçebilirsiniz.

Ancak, medya kitaplığından bir görüntü eklemek istiyorsanız, bunu ‘Medya Kitaplığı’ sekmesine geçerek de yapabilirsiniz.

Bir görsel ekledikten sonra, sol sütunda görsel için alt metin eklemeniz gerekecektir. Bu alt metin, arama motorlarının görselin bağlamını anlamasına yardımcı olduğundan görsel SEO’su için çok önemlidir. Ayrıca ekran okuyucuları olan kişilerin görsellerinizle ilgili bu bilgileri görmelerini sağlar.

Ayrıca sağ sütuna görseli açıklayan bir başlık ve resim yazısı da ekleyebilirsiniz. Başlıklar görsellerinizin görünür metin açıklamalarıdır, başlık ise kullanıcı faresini görselin üzerine getirdiğinde görünecektir.

Ayrıntılar için WordPress’te görsellere nasıl başlık ekleneceğine ilişkin başlangıç kılavuzumuza göz atabilirsiniz.

Ardından, görseli sayfanıza veya gönderinize eklemek için ‘Seç’ düğmesine tıklamanız yeterlidir.

Artık yüklediğinize göre, sağdaki blok panelinden görsel boyutunu, boyutlarını, kenarlığını ve stilini daha da özelleştirebilirsiniz.

Ayrıntılar için WordPress’te görsel ekleme ve hizalama hakkındaki eğitimimize göz atın.

Son olarak, ayarlarınızı kaydetmek için ‘Güncelle’ veya ‘Yayınla’ düğmesine tıklayın.

Artık Gutenberg editörüne düzgün bir şekilde görsel eklediniz.

Klasik Düzenleyicide Görseller Nasıl Eklenir

WordPress‘te hala eski klasik editörü kullanıyorsanız, bu yöntemi kullanabilirsiniz.

Öncelikle, WordPress kontrol panelinden görseli eklemek istediğiniz sayfayı veya yazıyı ziyaret etmeniz gerekir. Oraya vardığınızda, medya kitaplığını başlatmak için ‘Medya Ekle’ düğmesine tıklamanız yeterlidir.

Bundan sonra, bilgisayarınızdan bir resim yüklemek için ‘Dosya Yükle’ sekmesine geçebilirsiniz.

Alternatif olarak, medya kitaplığından bir görüntü eklemek için ‘Medya Kitaplığı’ sekmesine geçmeniz yeterlidir.

Bir resim ekledikten sonra, resim için alt metin ve bir başlık eklemeniz gerekecektir. İsterseniz bir açıklama ve başlık da ekleyebilirsiniz.

Tüm bu seçenekler için görseli basitçe tanımlayabilirsiniz. Bu, arama motorlarının görselinizi indekslemesine ve web sitenizin görünürlüğünü artırmasına yardımcı olacaktır.

Ardından, devam edin ve ‘Gönderiye Ekle’ düğmesine tıklayın.

Şimdi, görsel WordPress gönderinize veya sayfanıza eklenecektir.

Buradan, görüntünün üzerindeki hizalama simgelerini kullanarak hizalamasını değiştirebilirsiniz. Ayrıca kalem simgesine tıklayarak bir görseli daha fazla düzenleyebilirsiniz.

Bu, ekranınızda boyutu değiştirebileceğiniz ve resim başlığı nitelikleri, CSS sınıfları, hizalama ve daha fazlasını ekleyebileceğiniz ‘Resim ayrıntıları’ istemini açacaktır.

İşiniz bittiğinde, yaptığınız değişiklikleri kaydetmek için ‘Güncelle’ düğmesine tıklamanız yeterlidir.

Bundan sonra, gönderinizi kaydetmek için ‘Yayınla’ veya ‘Güncelle’ düğmesine tıklamanız yeterlidir.

WordPress Medya Kitaplığına Görsel Ekleme

İsterseniz medya kitaplığına doğrudan bir görsel de ekleyebilirsiniz. Medya kitaplığına bir görsel ekledikten sonra, yine de bir gönderi veya sayfa açmanız ve Görsel bloğunu eklemeniz gerekeceğini unutmayın.

Medya kütüphanesinden bir görsel eklemek için WordPress yönetici alanından Medya ” Yeni Ekle sayfasını ziyaret etmelisiniz.

Oraya geldiğinizde, bilgisayarınızdan bir resim yüklemek için ‘Dosya Seç’ düğmesine tıklayın. Ardından, resmin yanındaki ‘Düzenle’ bağlantısına tıklayın.

Bu sizi, görselin başlığını değiştirerek başlayabileceğiniz ‘Medyayı Düzenle’ sayfasına götürecektir. Bundan sonra, aşağı kaydırarak alt metin, başlık ve açıklama ekleyebilirsiniz.

Bunu yaptıktan sonra, ‘Resmi Düzenle’ düğmesine de tıklayabilirsiniz.

Bu sizi başka bir sayfaya yönlendirecek ve burada görüntüyü isteğinize göre kırpabilir, ölçeklendirebilir, döndürebilir veya çevirebilirsiniz. Ayrıntılı talimatlar için lütfen WordPress’te temel görüntü düzenlemenin nasıl yapılacağına ilişkin başlangıç kılavuzumuza bakın.

Memnun kaldığınızda, değişikliklerinizi kaydetmek için ‘Güncelle’ düğmesine tıklamanız yeterlidir.

Bu sizi ‘Medyayı Düzenle’ sayfasına geri götürecektir, burada ayarlarınızı kaydetmek için ‘Güncelle’ düğmesine tekrar tıklamanız gerekir.

Artık medya kitaplığına başarıyla bir görüntü eklediniz.

Ardından, WordPress yönetici kenar çubuğundan bu görseli eklemek istediğiniz yazıyı ziyaret edin. Oraya gittiğinizde, yazıya bir Görsel bloğu eklemek için ‘Blok Ekle’ (+) düğmesine tıklayın.

Ardından, ‘Medya Kitaplığı’ düğmesini seçmeniz gerekir.

Bu, ekranınızda ‘Medya Seç veya Yükle’ istemini başlatacak ve burada en üstteki medya kitaplığına yüklediğiniz resmi göreceksiniz.

Seçtiğinizde, medya kitaplığı sayfasından başlığının, alt metninin, başlığının ve açıklamasının zaten eklenmiş olduğunu göreceksiniz.

Şimdi, görseli blok düzenleyiciye yüklemek için ‘Seç’ düğmesine tıklamanız yeterlidir.

Son olarak, ayarlarınızı kaydetmek için ‘Yayınla’ veya ‘Güncelle’ düğmesine tıklayın.

WordPress SEO için Bir Görsel Nasıl Optimize Edilir

Bir yazıya/sayfaya bir görsel ekledikten sonra, bu görseli arama motorları için optimize etmek de çok önemlidir. Ne yazık ki WordPress, görseller için herhangi bir yerleşik gelişmiş SEO özelliği sunmamaktadır.

İşte bu noktada WordPress için Hepsi Bir Arada SEO (AIOSEO) devreye giriyor.

Resimler de dahil olmak üzere içeriğinizi arama motorları için optimize etmeyi süper kolaylaştıran piyasadaki en iyi WordPress SEO eklentisidir.

Öncelikle AIOSEO eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla talimat için bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Etkinleştirmenin ardından kurulum sihirbazını yapılandırmanız gerekecektir.

Daha fazla ayrıntı için WordPress için Hepsi Bir Arada SEO’nun doğru şekilde nasıl kurulacağına ilişkin kılavuzumuza bakın.

Ardından, WordPress yönetici kenar çubuğundan All in One SEO ” Arama Görünümü sayfasına gidin ve ‘Görsel SEO’ sekmesine geçin.

Bundan sonra, özelliğin kilidini açmak için aşağı kaydırın ve ‘İmaj SEO’sunu Etkinleştir’ düğmesine tıklayın.

Şimdi Görsel SEO ayarlarını görebileceksiniz. Burada başlık, alt metin, resim yazısı, açıklama ve dosya adı için farklı sekmeler göreceksiniz.

Otomatik Resim Başlıklarını Yapılandırma

Görsel SEO sayfasındaki ‘Başlık’ sekmesine geçtiğinizde, akıllı etiketleri kullanarak görselleriniz için bir başlık biçimi oluşturarak başlayabilirsiniz.

Bu akıllı etiketler daha sonra resimleriniz için otomatik olarak başlık nitelikleri oluşturacaktır. Bir ziyaretçi faresini görsellerinizin üzerine getirdiğinde göreceği şey budur.

Örneğin, her bir resim başlığı özelliğinin resim başlığını ve site başlığını kullanmasını istiyorsanız, bu akıllı etiketleri ‘Başlık Biçimi’ alanına ekleyebilirsiniz.

Bundan sonra, AIOSEO’nun dosya adından bir resim başlığı oluştururken bazı karakterleri otomatik olarak kaldırmasını istiyorsanız Noktalama İşaretlerini Soy seçeneğini de etkinleştirebilirsiniz.

Örneğin, ‘an-example-image’ gibi bir görüntü dosyasını kaydederken tire kullanıyorsanız, ‘Boşluklara Dönüştürülecek Karakterler’ bölümünde ‘Tire (-)’ seçeneğini seçebilirsiniz.

Bunu yaptığınızda, AIOSEO bu tire işaretlerini otomatik olarak kaldıracak ve boşluklara dönüştürerek resim başlığını ‘örnek bir resim’ haline getirecektir.

Bundan sonra, ‘Muhafaza’ bölümüne ilerleyin.

Buradan, başlığınız için bir büyük/küçük harf seçeneği belirleyebilirsiniz. Başlıklarınızı daha okunaklı hale getirmek için cümle büyük harf veya başlık büyük harf seçmenizi öneririz.

Otomatik Alt Etiketleri Yapılandırma

Başlık ayarlarını yapılandırdıktan sonra üst kısımdan ‘Alt Tag’ sekmesine geçin.

Buradan, tüm resimleriniz için otomatik olarak alt metin oluşturmak üzere ‘Alt Etiket Biçimi’ seçeneğinin yanındaki akıllı etiketleri kullanabilirsiniz.

Bundan sonra, tire (-) veya alt çizgi (_) gibi karakterlerin boşluğa dönüştürülmesini istiyorsanız Noktalama İşaretlerini Şeritle ayarını da etkinleştirebilirsiniz.

Benzer şekilde, sayılar veya artı işaretleri (+) gibi AIOSEO’nun alt metni oluştururken çıkarmasını istemediğiniz karakterler varsa, ‘Çıkarılacak Karakterler’ bölümünde bu seçenekler için kutuları işaretleyebilirsiniz.

Ayrıca alt metniniz için bir kılıf da seçebilirsiniz.

Otomatik Altyazıları ve Açıklamaları Yapılandırma

Resimleriniz için otomatik başlıklar oluşturmak için ‘Başlıklar’ sekmesine geçin.

Buradan, ‘Yüklemede Otomatik Başlık Oluştur’ seçeneğinin etkinleştirildiğinden emin olun. Daha sonra resimleriniz için başlık oluşturmak üzere kullanılacak akıllı etiketleri seçebilirsiniz.

Ardından, altyazılardaki karakterleri hariç tutmak veya dahil etmek için Noktalama İşaretlerini Şeritle özelliğini de kullanabilir ve bunlar için bir kılıf seçebilirsiniz.

İşiniz bittiğinde, üst kısımdan ‘Açıklama’ sekmesine geçmeniz gerekir.

Buradan, ‘Yüklemede Otomatik Açıklama Oluştur’ seçeneğinin etkinleştirildiğinden emin olun. Otomatik resim açıklamaları oluşturmak için kullanmak istediğiniz akıllı etiketleri de seçmelisiniz.

Ardından, açıklamada alt çizgi, kesme işareti veya sayı gibi karakterleri dahil etmek/hariç tutmak için Noktalama İşaretlerini Şeritle özelliğini de kullanabilirsiniz.

Bundan sonra, resim açıklamalarınız için bir kılıf seçmeniz yeterlidir.

Otomatik Dosya Adlarını Yapılandırma

Daha önce de belirttiğimiz gibi, görsel dosyalarınıza SEO dostu dosya adları vermenizi öneririz. Bunu görsellerinizi yüklemeden önce yapabilirsiniz veya AIOSEO bunu sizin için otomatik olarak yapabilir.

Üst kısımdan ‘Dosya Adı’ sekmesine geçtiğinizde, AIOSEO’nun sizin için Şerit Noktalama ayarını zaten yapılandırmış olduğunu fark edeceksiniz.

Ancak, AIOSEO’nun başlık veya alt metin oluştururken resim dosyalarınızdan silmesini istediğiniz başka karakterler varsa, bu karakterleri ‘Soyulacak Kelimeler’ kutusuna yazabilirsiniz.

Bundan sonra, dosya adlarınız için bir kılıf da seçebilirsiniz.

İşiniz bittiğinde, ayarlarınızı kaydetmek için ‘Değişiklikleri Kaydet’ düğmesine tıklamayı unutmayın.

Artık görsellerinizi SEO için başarıyla optimize ettiniz ve AIOSEO tüm görselleriniz için otomatik olarak başlıklar, alt metinler, başlıklar ve açıklamalar oluşturacak.

Daha ayrıntılı talimatlar için lütfen görsellerin arama motorları için nasıl optimize edileceğine ilişkin başlangıç kılavuzumuza bakın.

Bonus: WordPress’te Kullanıcıların Görsel Yüklemesine İzin Verin

Kullanıcılarınızın WordPress blogunuza kendi resimlerini yüklemelerine de izin vermek isteyebilirsiniz. Bir yarışmaya ev sahipliği yapıyorsanız veya kullanıcı tarafından oluşturulan görselleri kabul eden bir fotoğrafçılık web sitesi işletiyorsanız bu kullanışlı olabilir.

Bunun için piyasadaki en iyi iletişim formu eklentisi olan WPForms‘u kullanabilirsiniz. Resim gönderme formu da dahil olmak üzere istediğiniz her türlü formu oluşturmayı çok kolaylaştıran bir sürükle ve bırak oluşturucu ile birlikte gelir.

Öncelikle WPForms eklentisini yüklemeniz ve etkinleştirmeniz gerekecektir. Ayrıntılar için bir WordPress eklentisinin nasıl kurulacağına ilişkin talimatlarımıza bakın.

Etkinleştirmenin ardından, form oluşturucuyu başlatmak için WordPress panosundan WPForms ” Yeni Ekle ekranına gidin.

Buradan, formunuz için bir ad yazmanız ve ardından ‘Basit İletişim Formu’ şablonunun altındaki ‘Şablonu Kullan’ düğmesine tıklamanız gerekir.

Bu işlem, şablonu form oluşturucuya yükleyecek ve burada sağ tarafta önizlemesini ve sol sütunda kullanılabilir alanları göreceksiniz.

Buradan devam edin ve Dosya Yükleme alanını formun üzerine sürükleyip bırakın ve ayarlarını daha da özelleştirmek için üzerine tıklayın.

Alanın etiketini ve açıklamasını değiştirebilir ve hatta izin verilen uzantıları belirleyebilirsiniz.

Örneğin, yalnızca JPEG ve PNG dosyalarına izin vermek istiyorsanız, bu seçenekleri ‘İzin Verilen Dosya Uzantıları’ alanına yazmanız gerekir. Her bir uzantıyı virgülle ayırmayı unutmayın.

Bundan sonra, sol sütunda maksimum görüntü dosyası boyutunu ve yükleme sayısını da yapılandırabilirsiniz.

Daha ayrıntılı talimatlar için WordPress’te kullanıcıların resim yüklemesine nasıl izin verileceğine ilişkin eğitimimize göz atmak isteyebilirsiniz.

İşiniz bittiğinde, ayarlarınızı kaydetmek için ‘Kaydet’ düğmesine tıklamanız yeterlidir.

Ardından, resim yükleme formunu eklemek istediğiniz sayfayı / gönderiyi açın. Oraya vardığınızda, blok menüsünü açmak için ekranın sol üst köşesindeki ‘+’ düğmesine tıklayın

Buradan, WPForms bloğunu sayfaya / gönderiye eklemeniz gerekir.

Açılır menüden oluşturduğunuz resim dosyası yükleme formunu seçmeniz yeterlidir.

Son olarak, ayarlarınızı kaydetmek için ‘Güncelle’ veya ‘Yayınla’ düğmesine tıklayın. Artık formu çalışırken görmek için WordPress sitenizi ziyaret edebilirsiniz ve ziyaretçiler formu kullanarak resimlerini gönderebilirler.

Umarız bu makale WordPress’te nasıl düzgün görsel ekleneceğini öğrenmenize yardımcı olmuştur. WordPress’te blok yüksekliğinin ve genişliğinin nasıl değiştirileceğine ilişkin yeni başlayanlar için rehberimize ve grafik tasarımcılar için en iyi WordPress temalarına ilişkin uzman seçimlerimize de göz atmak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.