Görsel Optimizasyon: Görselleri Arama İçin Nasıl Optimize Edilir?
İçindekiler:
- Tanıtım
- Görsel Optimizasyonun Önemi
- Alt Etiketi Nedir?
- Web Sıralamasına Etkisi
- Görsel Tıklamalarının Önemi
- Görsel Optimizasyonun Adımları
- Alt Etiketi Nasıl Eklenir?
- Anahtar Kelimelerin Önemi
- Görsel İsimlendirmesi
- E-ticaret Sitelerinde Alt Etiketi Optimizasyonu
Alt Etiketi: Görsel Optimizasyonun Önemi 👀
Görseller, bir web sitesinin önemli bir parçasıdır ve optimize edilmesi oldukça önemlidir. Bu video içeriğinde "alt etiketi" veya "alternatif etiket" olarak da adlandırılan alt etiket hakkında konuşacağız. Alt etiketin ne olduğunu, nasıl optimize edileceğini ve web sitenizin sıralamasını nasıl etkileyeceğini açıklayacağım.
Merhaba, ben Harmeet ve sizi WsCube Tech kanalına hoş geldiniz diye karşılamaktan mutluluk duyarım. Bu video içeriğinde alt etiketi hakkında konuşacağız. Alt etiketi, alternatif etiket olarak da adlandırılan bir etikettir. İsim tamamen önemli değil, karmaşıklaşmayın. Alt ismi, alt etiketi veya alt özniteliği diyebilirsiniz; hepsi aynı şeydir.
Neden görselleri optimize etmemiz gerektiğini ve alt etiket eklememiz gerektiğini düşündüğümüzde cevap oldukça basittir. Herhangi bir şeyi Google'da arattığımızda, farklı bölümler elde ederiz. Bu bölümler arasında web sayfaları ve görseller bulunur. Görsellerin kendi içerisinde bir sıralaması vardır. İlk sayfadaki görselleri gördüğünüz gibi, aşağı kaydırdıkça daha fazla görsel gelir. Web sayfaları gibi birçok görselimiz olduğu gibi, çeşitli resimler vardır.
Web sitemizin görsellerini optimize etmek istiyoruz çünkü görselimizin sıralaması önemlidir. Görseli açtığınızda, kaynağı da burada açılır. Google Analytics, Search Console ve diğer analiz araçlarını anladığınızda, trafik kaynağını görebilirsiniz. Trafikte önemli bir kaynak olduğunu fark edeceksiniz.
Bu yüzden görsellerimizi optimize etmek istiyoruz ve ayrıca görselimizin sıralandığı gibi web sayfamızın da sıralanmasını istiyoruz. Görsel optimize etme adımlarına geçmeden önce alt etiketin nerede göründüğüne bakalım. Sonra da ne olduğundan bahsedeceğim.
Bir WSQiptic web sayfası açtım. Burada birçok metin yazıyor ve bu bir görsel. Görseli incele dediğimizde, kaynak kodumuz açılır. Görseli incelediğimizde, elementi açılır ve kaynağı, alt etiketini görürüz. Bu alt etiketinin ne olduğunu ve burada ne yazdığını daha iyi görebilmek için bir kez Not Defteri'ne kopyaladım.
Görselin kaynağı burada yazıyor, bu görsel sunucuda yüklü olduğu yerdir. Bunun yanı sıra, alt ismi görürsünüz. Önündeki kod alt ismidir ve burada bazı metin yazıyor. İyi anlamak için bunu bir kez görelim. Instagram gibi birçok web sitesi var. Genellikle alt etiket veya alt özniteliği kullanılıyor.
Alt etiket veya alt özniteliği, görselin üzerine yazılan metindir ve buna metni alt etiketi adını vereceğim. İlk olarak, bununla ilgili bir hikaye anlatmak istiyorum. Neden alt etiketin keşfedilmesi gerekiyordu? Neden ihtiyaç duydunuz? Görsel bana bakıyor gibi görünüyor, burada bir şeyler olduğunu görebiliyorum, Android ile ilgili bir şeyler olmalı. Ancak, bunu etikete koyma ihtiyacının ne olduğunu görmeniz gerekiyor.
Temel olarak, alt etiket bir görselin üzerine koyduğumuz bir etikettir. Bu etiket, bu görselin içinde ne olduğunu, yani bu görseli tanımlar. İyi anlamanız için size bir hikaye anlatmak istiyorum, böylece daha iyi anlayacağınızı düşünüyorum.
Görsel engelli insanlar için öyle değil, biliyorsunuz. Görsel engelli insanları düşündüğümüzde hayatlarının boş olduğunu düşünüyoruz, ama gerçek böyle değil. Kendilerini oldukça iyi bir şekilde okumuş, iyi bir şekilde öğrenmiş, bilgisayar öğrenmiş, kod öğrenmişlerdir, her şeyi öğrenmişlerdir.
Aklınızda bir soru olabilir, nasıl yapıyorlar bunu? İşte onlar için özel yazılımlar vardır, buna ekran okuyucular diyoruz. Örneğin, fareyi sekme üzerine getirdiğimde ve Android uygulama geliştirme yazısı üzerinde ne yazdığını otomatik olarak söyler.
İstediğim yere bu göstergeyi götürdüğümde, metin üzerinde ne yazdığını otomatik olarak anlatır. Ancak blind insanlar için özel olarak tasarlanmış olan bu ekran okuyucularının, onlar için en büyük sorunu görsellerde yaşıyorlar. Bir görseli nasıl okuyabilirsiniz? Bir görseli nasıl okuyabilirsiniz? Bugün bu görseli baktığımda, bir telefonun olduğunu ve onun tamir edildiğini söyleyebilirim. Bu şeylerin uygulama geliştirme ile ilgili olduğunu söyleyebilirim. Ancak bunu ekran okuyucu nasıl yapacak? Çünkü ekran okuyucu bir bot.
İşte bu yüzden görsellerimize bir alternatif isim koymaya başladık. Bu görselin hakkında ne olduğunu tanımlayan bir etiket koymaya başladık. Bu gelişme, görsellerimize bir alternatif isim koymamız gerektiğini göstermiştir. Bu gelişmeyle bir alternatif isim ile görsellerimize bir etiket koymamız gerektiği ortaya çıkmıştır.
Şimdi, umarım size anlattığım hikayeden bir fikir edindiniz. Alt etiketin ve tüm metnin ne kadar önemli olduğunu anladınız. Bu nedenle, optimizasyon sırasında bunu yapmamız gerekiyor. Herhangi bir arama motoru sizden gerçek şeyin görselinizde olmasını bekleyecektir. Yani, açıklama, taşınan gerçek resminizle aynı açıklamayı yazmalısınız. Ancak, her şeyi anahtar kelimelere dikkatlice optimize etmemiz gerektiğini söyledim.
Örneğin, size bir örnek vereyim, Android geliştirme resmi gibi bir görselim var. Bu resme Android geliştirme ekleyeceğiz çünkü doğrudan resmimle ilgili. Ancak, eğer anahtar kelimelerimde Android geliştirme varsa, Delhi'de Android geliştirme yazarsam, bu anahtar kelimeyi alt etikete koyabilirim çünkü ilgili bir yerde. Dolayısıyla, Optimize ederken iki şeyi aklınızda bulundurmanız gerekiyor. Birincisi, doğal olmalıdır. Hangi görselinizdeyse onu alt etiketinize koymalısınız. İkincisi anahtar kelimeye dikkat etmelisiniz.
İşte size bazı örnekler göstereceğim, bu resim için hangi alt etiketi tutacağız. Şimdi, bir tarifin bulunduğu bir web sitesi açtım. Kolay beyaz ekmek tarifidir bu. Bu resim bu tarifte yer alıyor. Resmin üzerine sağ tıklayıp incele diyorum ve kod burada açılıyor. Kaynağı ve alt etiketi göreceksiniz. Bu alt etiketi, beyaz ekmek, ahşap bir bıçak tahtasında kesik, diye yazılmıştır. Bu alt etiketi oldukça doğrudur çünkü bu beyaz ekmek ve ahşap bir bıçak tahtasında kesik olan şeydir. Çok doğru bir şekilde yazmışlar ve ayrıca bu tarifin ana kısmı da beyaz ekmektir, bu da buraya konulmuş. Ancak size bunu öneriyorum, bu şekilde yapmışlar, tamamen doğal ama sadece doğallık üzerinde değil, aynı zamanda sıralama faktörü üzerinde de düşünüyoruz. İşte buraya anahtar kelimeyi koyuyoruz, örneğin beyaz ekmek yerine buraya beyaz ekmek tarifi, sonra açıklamamızı yazabilirdik. Böylece anahtar kelimeyi buraya yazmış oluruz ve ayrıca bu görseldeki gerçek şeyi, gerçek resimde ne yazıyorsa, onu da belirtebilirim. İyi analiz edecek olursak, Wikipedia sayfasını açtım ve Hindistan hakkında bilgilerin yazıldığı yerdir burası. İşte burada Hindistan bayrağı var. İncelediğimde, bu öğeyi göreceksiniz. Bu görsel kaynağı ve alt etiketi verilmiş. Tamam, alt etiketi ne diyor? Yatay üç renkli bayrak yer alır. Yukarıdan aşağıya, koyu aşa, beyaz, yeşil, yatay bantlar. Bu resmi oldukça doğru bir şekilde tanımlamışlar. Ancak burada hem doğallık hem de sıralama faktörünü düşünüyoruz. Bu yüzden anahtar kelimeyi buraya koyuyoruz. İyi, ancak her iki şeye de dikkat etmeliyiz. Resmi de tanımlamalıyız.
Devam etmek gerekirse, e-ticaret web sitesi açtım. E-ticaret web sitesinde tüm metni optimize ettiğinizde göz önünde bulundurmanız gereken şey, ürün veya görsel resminin alt etiketidir. Örnek olarak CarAndBike.com adresini alalım, burada ikinci el araçlarla uğraşıyoruz ve hedef anahtar kelimemiz de dahil olacak. Yani bu bir ürün resmi, ürün adı nedir? Maruti Suzuki Wagon R LXI CNG, tamam. İncele diyorsak, alt etikette ne var? 2014 Maruti Suzuki Wagon R LXI CNG, yani tam olarak ürün adı burada alt etikette bulunuyor. Bu genellikle e-ticarette uygulanır.
Şimdi size hem bloglama, hem de tarif, hem de e-ticaret örnekleri verdim. İkisinde de görselinizde ne görüldüğü ve e-ticarette hangi ürün adı olduğu gibi şeyleri görebilirsiniz. Bunları aklınızda bulundurmanız gereken bazı şeylerdir ve alt etiketi optimize etmeliyiz. Eğer bu videodan yeni bir şey öğrendiyseniz, lütfen beğenmeyi unutmayın ve WSQTech'e abone olun. Alt etiketlerle ilgili herhangi bir sorunuz, sorununuz veya anlamadığınız bir şey varsa, bunu yorum bölümünde yayınlayabilirsiniz. Yorumların tümüne bir video içinde cevap vereceğim. Çok teşekkür ederim.
İçindekiler:
- Tanıtım
- Görsel Optimizasyonun Önemi
- Alt Etiketi Nedir?
- Web Sıralamasına Etkisi
- Görsel Tıklamalarının Önemi
- Görsel Optimizasyonun Adımları
- Alt Etiketi Nasıl Eklenir?
- Anahtar Kelimelerin Önemi
- Görsel İsimlendirmesi
- E-ticaret Sitelerinde Alt Etiketi Optimizasyonu
Alt Etiketi: Görsel Optimizasyonun Önemi 👀
Merhaba, ben Harmeet ve sizi WsCube Tech kanalına hoş geldiniz diye karşılamaktan mutluluk duyarım. Bu video içeriğinde alt etiketi hakkında konuşacağız. Alt etiketi, alternatif etiket olarak da adlandırılan bir etikettir. İsim tamamen önemli değil, karmaşıklaşmayın. Alt ismi, alt etiketi veya alt özniteliği diyebilirsiniz; hepsi aynı şeydir.
Neden görselleri optimize etmemiz gerektiğini ve alt etiket eklememiz gerektiğini düşündüğümüzde cevap oldukça basittir. Herhangi bir şeyi Google'da arattığımızda, farklı bölümler elde ederiz. Bu bölümler arasında web sayfaları ve görseller bulunur. Görsellerin kendi içerisinde bir sıralaması vardır. İlk sayfadaki görselleri gördüğünüz gibi, aşağı kaydırdıkça daha fazla görsel gelir. Web sayfaları gibi birçok görselimiz olduğu gibi, çeşitli resimler vardır.
Web sitemizin görsellerini optimize etmek istiyoruz çünkü görselimizin sıralaması önemlidir. Görseli açtığınızda, kaynağı da burada açılır. Google Analytics, Search Console ve diğer analiz araçlarını anladığınızda, trafik kaynağını görebilirsiniz. Trafikte önemli bir kaynak olduğunu fark edeceksiniz.
Bu yüzden görsellerimizi optimize etmek istiyoruz ve ayrıca görselimizin sıralandığı gibi web sayfamızın da sıralanmasını istiyoruz. Görsel optimize etme adımlarına geçmeden önce alt etiketin nerede göründüğüne bakalım. Sonra da ne olduğundan bahsedeceğim.
Bir WSQiptic web sayfası açtım. Burada birçok metin yazıyor ve bu bir görsel. Görseli incele dediğimizde, kaynak kodumuz açılır. Görseli incelediğimizde, elementi açılır ve kaynağı, alt etiketini görürüz. Bu alt etiketinin ne olduğunu ve burada ne yazdığını daha iyi görebilmek için bir kez Not Defteri'ne kopyaladım.
Görselin kaynağı burada yazıyor, bu görsel sunucuda yüklü olduğu yerdir. Bunun yanı sıra, alt ismi görürsünüz. Önündeki kod alt ismidir ve burada bazı metin yazıyor. İyi anlamak için bunu bir kez görelim. Instagram gibi birçok web sitesi var. Genellikle alt etiket veya alt özniteliği kullanılıyor.
Alt etiket veya alt özniteliği, görselin üzerine yazılan metindir ve buna metni alt etiketi adını vereceğim. İlk olarak, bununla ilgili bir hikaye anlatmak istiyorum. Neden alt etiketin keşfedilmesi gerekiyordu? Neden ihtiyaç duydunuz? Görsel bana bakıyor gibi görünüyor, burada bir şeyler olduğunu görebiliyorum, Android ile ilgili bir şeyler olmalı. Ancak, bunu etikete koyma ihtiyacının ne olduğunu görmeniz gerekiyor.
Temel olarak, alt etiket bir görselin üzerine koyduğumuz bir etikettir. Bu etiket, bu görselin içinde ne olduğunu, yani bu görseli tanımlar. İyi anlamanız için size bir hikaye anlatmak istiyorum, böylece daha iyi anlayacağınızı düşünüyorum.
Görsel engelli insanlar için öyle değil, biliyorsunuz. Görsel engelli insanları düşündüğümüzde hayatlarının boş olduğunu düşünüyoruz, ama gerçek böyle değil. Kendilerini oldukça iyi bir şekilde okumuş, iyi bir şekilde öğrenmiş, bilgisayar öğrenmiş, kod öğrenmişlerdir, her şeyi öğrenmişlerdir.
Aklınızda bir soru olabilir, nasıl yapıyorlar bunu? İşte onlar için özel yazılımlar vardır, buna ekran okuyucular diyoruz. Örneğin, fareyi sekme üzerine getirdiğimde ve Android uygulama geliştirme yazısı üzerinde ne yazdığını otomatik olarak söyler.
İstediğim yere bu göstergeyi götürdüğümde, metin üzerinde ne yazdığını otomatik olarak anlatır. Ancak blind insanlar için özel olarak tasarlanmış olan bu ekran okuyucularının, onlar için en büyük sorunu görsellerde yaşıyorlar. Bir görseli nasıl okuyabilirsiniz? Bir görseli nasıl okuyabilirsiniz? Bugün bu görseli baktığımda, bir telefonun olduğunu ve onun tamir edildiğini söyleyebilirim. Bu şeylerin uygulama geliştirme ile ilgili olduğunu söyleyebilirim. Ancak bunu ekran okuyucu nasıl yapacak? Çünkü ekran okuyucu bir bot.
İşte bu yüzden görsellerimize bir alternatif isim koymaya başladık. Bu görselin hakkında ne olduğunu tanımlayan bir etiket koymaya başladık. Bu gelişme, görsellerimize bir alternatif isim koymamız gerektiğini göstermiştir. Bu gelişmeyle bir alternatif isim ile görsellerimize bir etiket koymamız gerektiği ortaya çıkmıştır.
Şimdi, umarım size anlattığım hikayeden bir fikir edindiniz. Alt etiketin ve tüm metnin ne kadar önemli olduğunu anladınız. Bu nedenle, optimizasyon sırasında bunu yapmamız gerekiyor. Herhangi bir arama motoru sizden gerçek şeyin görselinizde olmasını bekleyecektir. Yani, açıklama, taşınan gerçek resminizle aynı açıklamayı yazmalısınız. Ancak, her şeyi anahtar kelimelere dikkatlice optimize etmemiz gerektiğini söyledim.
Örneğin, size bir örnek vereyim, Android geliştirme resmi gibi bir görselim var. Bu resme Android geliştirme ekleyeceğiz çünkü doğrudan resmimle ilgili. Ancak, eğer anahtar kelimelerimde Android geliştirme varsa, Delhi'de Android geliştirme yazarsam, bu anahtar kelimeyi alt etikete koyabilirim çünkü ilgili bir yerde. Dolayısıyla, Optimize ederken iki şeyi aklınızda bulundurmanız gerekiyor. Birincisi, doğal olmalıdır. Hangi görselinizdeyse onu alt etiketinize koymalısınız. İkincisi anahtar kelimeye dikkat etmelisiniz.
İşte size bazı örnekler göstereceğim, bu resim için hangi alt etiketi tutacağız. Şimdi, bir tarifin bulunduğu bir web sitesi açtım. Kolay beyaz ekmek tarifidir bu. Bu resim bu tarifte yer alıyor. Resmin üzerine sağ tıklayıp incele diyorum ve kod burada açılıyor. Kaynağı ve alt etiketi göreceksiniz. Bu alt etiketi, beyaz ekmek, ahşap bir bıçak tahtasında kesik, diye yazılmıştır. Bu alt etiketi oldukça doğrudur çünkü bu beyaz ekmek ve ahşap bir bıçak tahtasında kesik olan şeydir. Çok doğru bir şekilde yazmışlar ve ayrıca bu tarifin ana kısmı da beyaz ekmektir, bu da buraya konulmuş. Ancak size bunu öneriyorum, bu şekilde yapmışlar, tamamen doğal ama sadece doğallık üzerinde değil, aynı zamanda sıralama faktörü üzerinde de düşünüyoruz. İşte buraya anahtar kelimeyi koyuyoruz, örneğin beyaz ekmek yerine buraya beyaz ekmek tarifi, sonra açıklamamızı yazabilirdik. Böylece anahtar kelimeyi buraya yazmış oluruz ve ayrıca bu görseldeki gerçek şeyi, gerçek resimde ne yazıyorsa, onu da belirtebilirim. İyi analiz edecek olursak, Wikipedia sayfasını açtım ve Hindistan hakkında bilgilerin yazıldığı yerdir burası. İşte burada Hindistan bayrağı var. İncelediğimde, bu öğeyi göreceksiniz. Bu görsel kaynağı ve alt etiketi verilmiş. Tamam, alt etiketi ne diyor? Yatay üç renkli bayrak yer alır. Yukarıdan aşağıya, koyu aşa, beyaz, yeşil, yatay bantlar. Bu resmi oldukça doğru bir şekilde tanımlamışlar. Ancak burada hem doğallık hem de sıralama faktörünü düşünüyoruz. Bu yüzden anahtar kelimeyi buraya koyuyoruz. İyi, ancak her iki şeye de dikkat etmeliyiz. Resmi de tanımlamalıyız.
Devam etmek gerekirse, e-ticaret web sitesi açtım. E-ticaret web sitesinde tüm metni optimize ettiğinizde göz önünde bulundurmanız gereken şey, ürün veya görsel resminin alt etiketidir. Örnek olarak CarAndBike.com adresini alalım, burada ikinci el araçlarla uğraşıyoruz ve hedef anahtar kelimemiz de dahil olacak. Yani bu bir ürün resmi, ürün adı nedir? Maruti Suzuki Wagon R LXI CNG, tamam. İncele diyorsak, alt etikette ne var? 2014 Maruti Suzuki Wagon R LXI CNG, yani tam olarak ürün adı burada alt etikette bulunuyor. Bu genellikle e-ticarette uygulanır.
Şimdi size hem bloglama, hem de tarif, hem de e-ticaret örnekleri verdim. İkisinde de görselinizde ne görüldüğü ve e-ticarette hangi ürün adı olduğu gibi şeyleri görebilirsiniz. Bunları aklınızda bulundurmanız gereken bazı şeylerdir ve alt etiketi optimize etmeliyiz. Eğer bu videodan yeni bir şey öğrendiyseniz, lütfen beğenmeyi unutmayın ve WSQTech'e abone olun. Alt etiketlerle ilgili herhangi bir sorunuz, sorununuz veya anlamadığınız bir şey varsa, bunu yorum bölümünde yayınlayabilirsiniz. Yorumların tümüne bir video içinde cevap vereceğim. Çok teşekkür ederim.
Öne Çıkanlar:
- Görsel optimizasyon, web sitenizin sıralaması için önemlidir.
- Alt etiketi, bir görselin üzerine yazılan metindir.
- Alt etiketi, görselin içeriğini açıklar ve ekran okuyucuları için önemlidir.
- Alt etiketi optimize etmek, web sitemizin görsel ve web sayfa sıralamasını etkiler.
- Görsel tıklamaları, web trafiğinin önemli bir kaynağıdır.
- Alt etiket eklerken anahtar kelimelere dikkat etmek önemlidir.
- E-ticaret web sitelerinde alt etiket optimizasyonu ürün adıyla uyumlu olmalıdır.
Sıkça Sorulan Sorular 💡
S: Alt etiketi eklemek neden önemlidir?
Alt etiketi, görsellerin tanımlanmasını ve açıklanmasını sağlar. Ayrıca, ekran okuyucuları için önemlidir ve web sitenizin görsel ve web sayfa sıralamasını etkiler.
S: Alt etiketi nasıl eklenir?
Bir görsele alt etiket eklemek için HTML kodunda "alt" özniteliğini kullanabilirsiniz. Örneğin:
S: Alt etiketi nasıl optimize edilir?
Alt etiketini optimize ederken, görselin içeriğiyle ilgili doğru ve açıklayıcı bir açıklama eklemek önemlidir. Ayrıca anahtar kelimeleri doğal bir şekilde kullanarak alt etiketi optimize edebilirsiniz.
S: Görselin sıralamasını artırmak için ne yapabilirim?
Görsel optimizasyonun yanı sıra web sayfalarının genel SEO faktörlerine dikkat etmek önemlidir. Sayfa hızını iyileştirmek, doğru dosya boyutları kullanmak ve HTTPS kullanımı gibi faktörlere odaklanarak görsel sıralamanızı artırabilirsiniz.
S: E-ticaret sitelerinde alt etiketi nasıl optimize edilir?
E-ticaret sitelerinde alt etiketinin ürün adıyla uyumlu olması önemlidir. Alt etiketini ürünün adıyla birlikte kullanarak optimize edebilirsiniz.
Kaynaklar: