Bir web sitesinin hızlı olması kullanıcılar kadar arama motorları için de önemlidir. Bunu site hızının SEO'ya etkisi başlıklı yazımızda detaylı olarak anlatmıştık. Resim optimizasyonu yaparken SEO çalışmalarınıza olumlu yönde etki yaratması adına sizlere önerilerimizi sunuyoruz. Dikkat edilmesi gereken konularda detaylı açıklamalarımıza yer vererek siz değerli okurlarımıza resim optimizasyonuna dair önemli bilgilerin yer aldığı içeriğimize göz atmaya başlayalım.
Resimlerin Adlandırılması
Görseller Google’da arama yapan kullanıcılar ilgili sonuç hakkında en hızlı ve anlamlı görsellere erişmek ister. İşte tam bu aşamada görsellerin doğru bir şekilde adlandırılması hedef kitlenin aramalarında yer almanızı sağlayacaktır. Çünkü arama motoru botları görselleri anlamlandıramaz. Bunun için site sahibinin görseli isimlendirirken anlamsız bir isimlendirme yapmak yerine anlamlı Google’a anlatan bir şekilde isimlendirmelidir. Örneğin erkek spor ayakkabı hakkında arama yapan bir kullanıcıya sunulacak görsellerin adlandırması IMG123.jpg şeklinde değil, erkek-spor-ayakkabi.jpg şeklinde olmalıdır.
Açıklayıcı Alt Metinler Kullanılması
Alt metinler, bir görüntüyü metin olarak açıklar. Ayrıca bu metini kullanmanız durumunda resmin altında kullanıcıya anlamlandırılmış bir mesaj niteliğinde sunma şansına sahipsiniz. Bu metinler görsel adlandırılması ile başlayan alt metin kullanımı ile devam eden, arama motoru botlarına görselin ne anlama geldiğini belirten çalışmalardan biridir. Alt metinleri kod yapınızda HTML etiketleri arasında kullanmalısınız.
<img src="erkek-spor-ayakkabi.jpg" alt="Erkek Spor Ayakkabı"/>
Resimlere Boyut Etiketleri
Web sitelerinde yer alan resimler, xhtml veya css kaynaklı boyutlandırılırlar. Bunların dışında xhtml kaynaklı resimler için hiçbir ölçü tanımlaması yapılmamış da olabilir. İşte bu gibi resimlerin yüklenmesi, ölçüsü olan resimlere oranla daha yavaş gerçekleşir. Web tarayıcıları hiçbir ölçü bilgisi girilmeyen resimlerde, öncelikle resimi tam boyutta açar, sonra orjinal boyutuna getirir. Bu işlem saniye veya saliselerle ifade edilse de 100 lerce resim barındıran sitelerde büyük zamanlara denk gelmektedir.
Bu sebeple xhtml kaynaklı kullanılan resimlerde height="100" width="100" şeklinde resim boyutları belirtilmelidir ki tarayıcılar resimleri ve boyutlarını daha hızlı okuyarak kullanıcıya daha hızlı göstersin.
Resimlerin kalitesi genellikle baskı ve web olarak belirlenir. Bu kaliteye göre resimlerin boyutları küçültürek çok daha hızlı yüklenmesi sağlanabilir. Öyle ki, sıkıştırılan 10 resim sıkıştırılmamış 1 resime denk düşebilmektedir. Resimleri Photoshop gibi programlarla kalite düzeyi veya çözünürlük düzeyi küçültülerek, boyutları azaltılır ve web ortamında daha hızlı yüklenmesi sağlanır.
Resimlerin sıkıştırılması online olarak çeşitli siteler ile de mümkündür. Bunlardan bir tanesi Dynamic Drive sitesidir.
Resim Boyut Optimizasyonu
Sitelerde kullanılacak resimler genellikle orjinal boyutunda kullanılmazlar. 400x400 pixellik bir resim 100x100 pixellik bir alanda küçültülerek kullanılır. Ancak resimin gerçek kaynağı 400x400 pixellik bir resimdir. Dolayısıyla hangi boyutlarda kullanıldığı önemli olmadan orjinal çözünürlüğüne göre çağırılır. Dolayısıyla Kullanılması gereken yerde daha büyük bir boyutlu resim olmuş olur. Bu sebeple, Resimleri, kullanacağımız gerçek alanın ölçülerine göre boyutlayarak kullanmakta fayda var.
Resim Formatı
Jpg, png ve gif gibi resim formatları amaçlarına göre farklı yerlerde kullanılabilirler. Formatlar farklı sıkıştırma tekniklerine göre boyutları farklılıklar gösterir. Bu konuda kendi deneyimlerime göre tavsiyelerim, Eğer web üzerinde kullanılacak bir resim ise, kalite düzeyi 60 da olan bir jpeg, şeffaf bir resim olacaksa 8 bitlik png, animasyon olacaksa gif tercih ederim. Yapılan testler sonucunda jpeg formatı fotoğraflar gerçekçi görüntüler için kullanılırken, png formatı çizgi resimler, metin ağırlıklı resimler ve az renk içeren resimler için kullanılır.
Resimlerin Url Yapısı
Resimlerin kaynak kod içerisinde sahip olduğu URL yapısı da sitenin hızlanmasında az çok etkilir. Bu konuda aslında direkt resimlerle alakalı olmasa da, resimlerde de dikkat edilmesi gereken bir hususa değineceğiz. Web sitelerinde resimlerin xhtml kaynaklı kullanımı genel olarak aşağıdaki örnekteki gibidir.
<img src="https://www.seohocasi.com/wp-content/uploads/2010/07/seo-danismanligi2.jpg" alt="SEO Danışmanlığı" width="125" height="125"/>
yerine, ana dizine yakın resim klasörü oluşturup resimleri içerisine atıyoruz ve URL yapısında site adresini yazmayarak oldukça fazla sayıda karakter tasarrufu yapıyoruz.
<img src="/tema/images/seo-danismanligi2.jpg" alt="SEO Danışmanlığı" width="125" height="125"/>
URL yapısını kullanıyorum, aynı şekilde resimi çağırıyoruz. 100 lerce resimde bu yöntem uygulandığında fazlaca karakter tasarrufu ile kaynak kodunuz sadeleşmiş ve siteniz hızlanmış olacaktır.
Css Sprite Tekniği
Css sprite tekniği, xhtml kaynaklı resimlerin birleştirlerek tek bir resim olmasını ve css kaynağına taşınarak hızlı bir şekilde gösterilmesini esas alır. Bu şekilde hem kaynak kod büyük ölçüde azalmış olur hem de onlarca resim 1 resim şeklinde çağırıldığı için sorgu sayısı azalmış olur. Bu sebeple hem hız hem de SEO'da katkı sağlar.
Aşağıda yer alan 2 site ile, kod bilgisine gerek kalmadan css sprite işlemini web sitelerinize uygulayabilirsiniz.
csssprites.com
spritegen.website-performance.org
Resimlerde Yapılandırılmış Veri Kullanımı
Görsellerinizde yapılandırılmış veri kullanımına yer verirseniz kullanıcılara sayfanız hakkında bilgi verebilir ve resminizi zengin sonuçlarda kullanıcılara sunabilirsiniz. Yapılandırılmış veri kullanımı ve daha fazlasına ulaşmak isterseniz https://www.seohocasi.com/yapilandirilmis-veri-structured-data-nedir-mini-rehber/ adresinde yer alan içeriğimize göz atabilirsiniz. Görseller ürün, video ve yemek tarifi için yapılandırılmış veri kullanımını destekliyor. Burada dikkat etmeniz gereken nokta doğru yapılandırılmış veri kullanımını gerçekleştirmeniz gerekiyor.
Resimlerde Site Haritası Oluşturma
Google’ın bu konuda açıklaması bulunuyor. Açıklama; “Resimler sitenizdeki içerikle ilgili önemli bir bilgi kaynağıdır. Google’a resimlerinizle ilgili daha fazla ayrıntı verebilir ve bir resim site haritasına bilgi ekleyerek başka türlü bulamayacağımız resimlerin URL’sini sağlayabilirsiniz .” şeklinde kullanıcılara sunuluyor. Haydi site haritasında kullanabileceğiniz etiketlere göz atalım.
<image:image> : Bir görsel <url> etiketi içerisinde bulunur. Bu etiket en fazla 1000 adet <image:image> etiketi barındırabilir. Bu etiket görsel ile ilgili tüm bilgileri içerisinde barındırır.
<image:loc> : Resmin URL’inin belirtildiği kısımdır. Burada dikkat edilmesi gereken nokta bu URL’lerin robots.txt dosyasında taranmasının engellememiş olmadığını kontrol edin.
<image:caption> : Resim hakkında açıklama yazısını bu etiketi kullanarak gerçekleştirebilirsiniz.
<image:geo_location> : Resmin coğrafi konumun belirtildiği etikettir.
<image:title> : Resmin başlığının belirtildiği kısımdır.
<image:license> : Resmin lisansı var ise bu lisansa bağlantı veren URL’in belirtildiği etikettir.
Resimleriniz içi oluşturacağınız site haritası içerisinde <image:image> ve <image:loc> etiketlerini kesinlikle barındırmalıdır. Diğer etiketlerimizin kullanımı isteğe bağlıdır.
Resimlerin Yüklenmesi İçin Önbellekleme İşlemi
Çok fazla resim kullanımında kullanıcının bekleme süresini azaltmak adına tarayıcı önbellekleme işlemi kullanılmalıdır. Bu işlem ile resimler ziyaretçilerinizin tarayıcısında depolanır. Siteye bir sonraki girişte tarayıcı deposunda yer alan görseller hızlı bir şekilde ziyaretçilerinize sunulacaktır.
Örneğin, ana sayfanıza ulaşmak isteyen ziyaretçiniz bu sayfada ki görsellerin yüklenmesini bekleyecektir. Bir sonra ki gün tekrar anasayfaya giriş yapan ziyaretçiniz tekrar görsellerin ve sayfanın yüklenmesini bekleyecek ve bu durum ziyaretçi tarafında olumsuz etki yaratabilir.
Eğer önbellekleme işlemi gerçekleştirirseniz ilk açılışta yüklenen görselleri bir sonraki ziyaretlerde tekrar yüklemek durumunda kalmayacaksınız. Bu durum sayfalarınızın çok daha hızlı yüklenmesini sağlayacaktır.
WordPress Sistemler İçin SEO Friendly İmages Eklentisi
Sadece yazılarından değil, sitesine yüklediği resimler ile de hit almak isteyenler için mükemmel bir eklenti olan SEO Friendly Images, Türkçe anlamı SEO dostu resimlerdir. Ayrıca eklenti, Vladimir Prelovac isimli WordPress eklentisi yazarı tarafından kodlanmıştır. Bu eklenti sayesinde Google görsel arama başta olmak üzere tüm resim arama motorlarından sitenize hit çekebilirsiniz.
SEO Friendly İmages Kurulumu
- Eklentiyi indirdikten sonra FTP'den /wp-content/plugins/ dizinine gönderin.
- Admin paneline girerek "Eklentiler" sayfasından eklentiyi aktifleştirin.
- Eklentinin ayarlarını Admin Panelinden değiştirebilirsiniz(Ellememenizi öneririm, kendi ayarları zaten yapılandırılmış).
SEO Friendly İmages Ayarları
Admin Paneli > Ayarlar > SEO Friendly Images sayfasına girerek resimlerinize özel bağlantılar verebilirsiniz. Varsayılan ayarları, en iyi ayarlardır, değiştirmemenizi öneririz.
Alt Etiketi ile, resimlerin alt etiklerinde görüntülenmesi istenilen yazılar ayarlanabilir. %name ile önce resimin isminin sonrasında %title ile yazı başlığının alt etiketi olarak kullanılması sağlanmıştır.
Resimlerin title etiketlerinde ise, sadece sayfa başlığı kullanılması sağlanmıştır.
SEO Hocası'na Sıkça Sorulan Sorular
Google’da Konu Resmi İle Çıkmak İstiyorum. Ne Yapmam Gerekiyor?
Google aramalarında resimli görünme işlemi Google Plus devreye girdikten sonra Google algoritmasına ekstra olarak “Rich Snippets” adı altında zengin içerikler eklemiştir.
Burada gösterilebilecek nokta ise bloğun yazarı, web sitenin sahibi yada içerik sağlayıcı editör olarak tanımlayabileceğimiz “Yazar” adı altında olan görsellerdir. Burada bahsedilmek istenen tek şey var olan web sitenizin yazarının gösterilmesi işlemidir.
Bahsettiğiniz ön görseller, sayfa içeriği yada her sayfa için ekran alıntısı mümkün değildir. Google+ profilinizdeki profil resminizi “Yazar:” adı altında arama sonuçlarında görebilirsiniz.
Siteniz WordPress CMS tabanlı olduğu için buna uygun eklentiler vardır. Eklenti ile bu görseli çözümleyebilirsiniz. Diğer bir yoldan ise rel=”author” kodu ile çözümleyebilirsiniz.
WordPress “header.php” dosyanızın içerisinde [html][/html] etiketinden 1 satır ÖNCE [html][/html] kodunu yapıştırarak ve içerisinde olan Google plus ID’yi profilinizdeki ID ile değiştirerek sağlayabilirsiniz.
Resim Sıralaması Neye Göre Yapılıyor?
Resimlere de yapılan ufak SEO içerikleri bulunuyor. Sayfaya gelen linklerin kalitesi doğal olarak konu desteklendiği için kısmi olarak görsel aramalarda etki yapıyor.
Diğer taraftan resimlere verilen isim ve alt etiketi bu konuda büyük bir önem taşıyor. Resim optimizasyonu için görsellerinde daha ufak boyutlarda olması ve kendi sunucunuzda barınması büyük bir etken sağlıyor.
Sıkıştırma Programıyla Bazı Resimleri Sıkıştırıp Tekrar Yükledim. Ancak Bütün Resimler Hata Vermeye Başladı. Neden Bu Sorunla Karşılaşıyorum?
Görsel içerik konusunda sitenizle ilgili destek sağlanmıyorsa ve URL yapıları hem sitenizde hem de Google Web Cache içerisinde görüntülenemiyorsa bu konuda görsel bağlantısı değişmiş olmaktadır.
Google tarafından cache’lenen bağlantılarda görsel URL’sini eski yerinde bulamadığı için görsellerde hata görünmektedir. Normal görünüm haricinde sitenizde bir değişiklik olmamışsa yeni görseller siteye indekslenecektir.
Mantık olarak görsel URL’lerini değiştirdiğiniz için görseller kırık bağlantı olarak görünmektedir ve yeniden Google tarafından cache’lenene kadar bu şekilde görünecektir.
Google Aramalarda Artık Resimli Sonuçlarda Yer Almıyorum. Neden Olmuş Olabilir?
Sonuçlar çerezlerinizden dolayı size böyle görünebilir fakat Google bu düzenlemeyi 05.07.2014 tarihinde güncelledi ve yazarlarda görselleri kaldırdı ve videolardaki içerikleri de görselleştirdi.
Bu konuda aslı olmayan resimler, alakasız isimler farklı tanıtım ve mecralar, SPAM’a yönelik içerikler yoğun bir şekilde arttığından dolayı Google bu konuda güncel bir değişiklik yaptı. Bu değişikliklerin içinde de arama sonuçlarından yazar görsellerini kaldırdı ve video içerikleri (haber siteleri dahil) görselleştirdi.
Resimleri Farklı Siteden Çağırmak SEO Açısından Zararlı Mıdır?
Dışarıdan resim çağırmak sitenizde sorgu oluşturacağından dolayı sitenizin hem açılmasında hem de resim çekilen sitenin zayıf olmasında unsur olacak ve sitenize dolaylı olarak zarar verecektir.
SEO konusunda sitenize yavaşlık ve sayfa açılmalarında gecikme yaşatacaktır. Bu tür sorunların olmaması için her sitenizde tüm görselleri kendi hostinginizden çağırmanız çok daha iyi olacaktır. Boyut konusunda ise resimleri optimize ederek hem daha hızlı açılmasını hem de daha sağlıklı olmasını sağlayabilirsiniz…
Google Görsel Aramalarında Sitem Yer Almıyor. Ne Yapmalıyım?
Google görsel aramasında yapmış olduğunuz araştırmada karşınıza istenilen sonuçlar çıkmadığında, ikinci bir seçenek olarak aradığınız yada arayacağınız ürün yada resmi arama sonuçlarında indeksleterek çıkarma işlemidir.
Google görsel aramada mantık ürünlerin yada sitenin indeks aldığı görselleri sonuçlara yansıtma işlemidir. Eğer bir arama sorgusunda karşınıza istediğiniz sorgular harici farklı görseller çıkıyorsa bunun bir kaç sebebi olabilir.
1- Sayfa yada görselin indekslenmesi engelleniyor olabilir.
2- Görsel farklı sunucudan çağrılıyor olabilir.
3- Resim haritası oluşturulmamış olabilir.
Bu sebeplerden bir kaçı sitede mevcut ise doğal olarak görsellerin indekslenmesi mümkün olmayacaktır. Gerekli revizeleri yaptıktan sonra görselleri sıralamalarda görebilirsiniz.
Görsel İsimlerini Nasıl Belirtmeliyiz? SEO Açısından Ne Yaparak Daha İyi Sonuç Elde Ederiz?
Görsel isimleri açısından en iyi SEO yapısı görseli en iyi şekilde anlatan orta uzunlukta (jenerik olması için sadece “SEO” veya detaylı anlatılması için “SEO-hocasi-2015-SEO-konulari-anlatimi” gibi olması iki uç örnektir.) kullanılmasında fayda vardır. Aralarda tire olması kelimelerin daha iyi anlaşılması adına etkili olacaktır. Sürekli tekrar eden resim isimlerindense özgün açıklamalar olmasını da tavsiye etmekteyiz. Ürüne has özelliklerin vurgulanması o kelimeyle ilgili görsel aramalarında sizi öncelikli kılacağı için “dolgu topuk” kelimesine yer verilmesi bir artı olacaktır ve ürün ismini özgünleştirecektir.
Opengraph Görselini Doğru Bir Şekilde Ayarlamama Rağmen Facebook Bunu Görmüyor. Nasıl Çözebilirim?
Öncelikle OpenGraph ile ilgili bilgi verelim. OpenGraph bir web sitesinin ana ve yan sayfalarında sosyal medya’ya iletilecek bilgileri ve içerikleri bildiren kod yapılarıdır. Bu kod yapılarında kullanılan içerikler “meta property” etiketi içerisinde bilgilendirmektedir. Bu etiket kullanıldığında sosyal medya hesaplarında kullanılan görsel, içerik, başlık, açıklama metni ve sayfa lisanı gibi bir çok bilgi Facebook, Twitter ve Google Plus gibi sayfalara aktarılır.
Eğer bu aktarımda bir problem görünüyorsa o sayfaya ait yeterli paylaşım, ortak paylaşım görünümü yada kapanmamış etiketler söz konusu olabilir. Bu söz konusu içeriklerde de etiketlerin doğru kullanıldığına, meta kodları içerisinde head etiketinin kapanışından önce olduğuna ve doğru kapatıldığına emin olmak gerekiyor.
Örnek olarak;
[Html]meta property=”og:locale” content=”tr_TR”[/html]
[html]meta property=”og:type” content=”website”[/html]
[html]meta property=”og:title” content=”Sosyal Medya Başlığı Buraya Gelecektir”[/html]
Gibi içerikler kullanılabilir.
Slider’a Alt Tag Eklenmeli Mi?
Resimlere ALT etiketinin eklenmesi SEO için çok önemli bir detaydır. Resimlerin optimizasyonunda büyük bir öncülük sağlayan bu özellikte resimlerin adları ve içerikleriyle ilgilidir.
Eğer slider içerisindeki resimlere etiket vermek istiyorsanız bu etiketleri elle yapabilirsiniz. Slider alanındaki header.php dosyasından çağrılan yada slider dosyası içerisindeki slaytlara verilen içeriklerden manuel olarak yapabilirsiniz.
Görsellere Alt Etiketi Eklemek Önemli Midir?
Alt etiketleri resimlerin adı ve görsel aramalarda yer almasını sağlayan kod parçacığıdır. Her resim için isim verme konusunu WordPress kendi sistem içerisine yüklerken sizlere sormaktadır. Ana sayfadaki görseller de aynı kod üzerinden çekiliyorsa tüm görsellere sabit bir alt etiketi verebilirsiniz. Bu etiket ise sitenizin genel konusunu kapsayacak bir içerik olabilir.
Resim Alt Etiketleri ve Zararlı Linkleri Nasıl Engellerim?
Backlinklerinizi sık sık kontrol etmeniz zararlı backlinklerin sitenize girişlerini gözlemlediğiniz zaman anında müdahale etmeniz için oldukça önemlidir. Bu nedenle zararlı gördüğünüz bu tarz backlinkleri engellemeniz sitenizin sağlığı açısından daha iyi olacaktır.
E-ticaret sitenize resim eklediğinizde birebir ürün ile aynı olmasına dikkat etmelisiniz. Resimlerin optimizasyonu için bu gerekli bir işlemdir. Resimlerin açıklamalarını ise Türkçe karakter kullanmadan girmeniz daha sağlıklı olacaktır. Alt etiketlerini vs boş bırakmamanız önerilir.
Bu bölümlerde resmin üzerine geldiğinizde görünecek olan metni Türkçe karakter olarak kullanabilirsiniz. Ancak resim ismini aralarda tire ve Türkçe karakter olmayacak şekilde kullanmanız gerekmektedir.
Öne Çıkarılan Görselde Türkçe Karakter Kullanımı Sorun Yaratır Mı?
WordPress’te yada farklı sistemlerde Türkçe olarak görsel ismi verebilirsiniz lakin bu tür isimlerde askıda kalan bir kaç unsur vardır bu unsurlardan birisi alt etiketi, diğeri de görsel adıdır.
Görsellerde “doğru” olarak kullanacağınız alt etiketi Google görsellerde resim haritalarıyla birlikte gönderildiğinde daha fazla etki oluşturan, sonuçlara daha rahat yansıyan etkileri oluşturmaktadır. Bir çok görsel de benzerlik ve alt etiketlerinin ortaklığı, sayfa içinde kullanılan alanları etkili olsa da genelleme olarak tüm görseller İngilizce karakterler ve tire boşluklar ile rakamlardan oluşmaktadır.
Türkçe karakterlerle kullanılan görsellerde ise %20 gibi boşluk ve Türkçe karakterlerin HTML değerleri yer aldığından dolayı aynı sonucu vereceğini garanti etmek yada tavsiye etmek doğru olmayacaktır.
Blogger Site Hızımı Artırmak İçin Resimleri Nasıl Optimize Etmeliyim?
Blogger ücretsiz bir Google bloğu yapısıdır. Çoğunlukla paravan blog olarak kullanılan blogger’da görselleri optimize etme yada otomatik sıkıştırma gibi bir fonksiyon olmadığından dolayı (müdahale edilebilir) bu tür dosyaların optimizasyonunu entegre etmeden önce kendiniz yapmanız gerekiyor.
Görsellerde optimizasyon için eğer tıklanmadan önce küçük, tıklandıktan sonra büyük görünmesi gereken görseller varsa ilk olarak gösterilen görsele küçük, tıklandıktan sonrakine büyük olarak linkleyebilirsiniz. Görseller burada büyük görünmesi gerekiyorsa da o zaman yapmanız gereken;
Dosyanızı jpg/jpeg olarak güncelleyin. PNG formatında görseller ağır olacaktır, kaliteli JPG daha iyidir. Güncellediğiniz görselleri de ayrıca smush.it gibi görsellerin kalitesini bozmadan sıkıştıran siteleri tespit edip görselleri sıkıştırdıktan sonra siteye yüklemeniz sizin için daha iyi olacaktır.
Resimleri Yüklerken Boyutları Nasıl Olmalıdır?
Öncelikle sitenizin görselliğini bozmamak adına, tasarımdaki resim ölçüleri neyse bu ölçüleri koruyarak resimleri yayınlamanızı öneririz. Resimleri de kaydederken düşük kalitede kaydedebilir bu sayede daha küçük boyutlarda yayınlanmış olacaktır. Ancak Google Page Speed gibi araçların kullandığı resim sıkıştırma teknikleri yine de bu resimlerinizi optimize edilmemiş olarak tanımlayabilir. Bu sebepe en iyi çözüm, resimleri normal kalitesinde yükledikten sonra page speed üzerinden analiz ederek, sıkıştırılmış hallerini indirmenizi sağlayan linklerden optimize edilmiş şekilde indirip sunucunuza o şekilde yeniden yüklemeniz gerekir. Aynı zamanda smush-it gibi sıkıştırma yazılımlarıyla da resimlerin kalitesini düşürmeden boyutlarını iyileştirmeniz mümkündür.
Alt Etiketlerinin İçerisinde Birden Fazla Anahtar Kelime Yerleştirdim. Bunun Sıralamaya Olumsuz Etkisi Var Mıdır?
Öncelikle alt etiket yüzünden mi sıralama kaybettim düşüncesinden kurtulmanızı öneriyorum. Aldığınız backlinklerin değerini Ahrefs tool üzerinden kontrol etmenizi tavsiye ediyorum. Görsel alt etiketleri için makaleyi okuyabilirsiniz. Ayrıca örnekte belirttiğinizi gördüm ve doğru bir alt etiket kullanımı değildir olması gereken;
İmg src=”kiralik-bmw-araba.png” alt=”Uygun Fiyata Kiralık Bmw Araba”
Görsel ismi ve alt etiket kesinlikle uyuşmalı ve 35 karakterden uzun olmamasına dikkat etmeniz gerekiyor. Sıralamanızı bu sebepten kaybedeceğinizi düşünmüyorum sonuçta resimler arama sonuçlarında Görseller kısmında yer almaktadır. Sıralamanızı diğer kriterler üzerinden kontrol etmeniz ve sitenizi incelemeniz gerekiyor.
E-Ticaret Sitem İçin Ürün Çekimlerini Gerçekleştiriyorum ve Ürün Fotoğraflarının Boyutu Yüksek. Yapmam Gereken Şey Nedir?
Görsellerin boyutu çok yüksekse kesinlikle sıkıştırılmasını tavsiye ediyorum. E-ticaret siteniz için zaten gerekli en önemli kriterlerden bir tanesi çünkü sitenizin yavaş açılması ve geç yüklenmesinde ki en büyük problemler görseller tarafından oluşmaktadır. Uygulamaları kullanmanızda herhangi bir sakınca yoktur görselleri sıkıştırıp yüklemenizi tavsiye ediyorum.
Görsel Yayını Yapan Sitelerde SEO Çalışması Nasıl Yapılması Gerekiyor?
Şöyle bahsetmek isterim tek bir sayfada sadece görsel olursa
bu sayfa bir anlam ifade etmeyeceği gibi zayıf içerikli sayfa olarak
görünecektir. Arama motoru botları tarafından siteniz faydalı değil zararlı
olarak tespit edilebilir hatta siteniz ceza işlemi bile görebilmektedir. Bu
sebeple içerikleri nasıl görseller süslüyorsa aynı şekilde görselleri de
içeriğin süslemesi zenginleştirmesi gerekiyor.
Diğer kriterler aynı şekilde olabilir fakat sizlerin daha çok
sosyal medya ağırlıklı yönelmenizde fayda olacaktır.
Ben pek anlayamadım css sprite tekniğinde siteye yüklenmeden önce mi oluyor halihazırdaki siteye ne gibi yararı olur? saygılar
Fazlaca resim kullanılan bir sitede (mesela oto haber sitesi gibi) SEO ve performans açısından içerik/haber resimlerini klasörlere ayırmak mı daha iyi olur yoksa tek klasöre yığıp oradan çağırmak mı daha iyi olur. Örneğin;
1. site. Com/resimler/bmw.jpg
2. site. Com/resimler/2014/06/bmw.jpg
Merhaba Kaan Hocam,
Şimdi bu dediklerinizi harfiyen yaptım. Ben bir torrent sitesi sahibiyim ve hitim hergeçen gün artmakta ve buda trafik kullanımını büyük ölçüde artırmaktadır.
Sitemde torrent dosyaları barınmıyor, kurduğum sistem dışında herhangi bir dosya barınmıyor, resim dosyalarını ve torrent dosyalarını yandex disk gibi,imgur gibi dosya barındırma sitelerine yüklemekteyim.
Trafik kullanımını nasıl azatabilirim? veya en aza nasıl indirgeyebilirim.
Öğrenci olmasam sunucu alırdım fakat öğrenci olduğum için belli bir bütçem var bundan dolayı elimden geldiğince optimize etmeye çalışıyorum.
Kullandığım sistem bu arada MyBB’dir.
Şimdiden yardımlarınız için çok teşekkür eder,
cok güzel yazı olmuş teşekkürler hocam bir sorum olcak benim resim URL alınca cok uzun bir URL oluyor bu neden olabilir tasarımı yapan arkadaşa sordum SEOcular böyle istiyor dedi bu doğrumu acaba emin olmak istedim
kodlarda kullandığınız ” işareti çalışmıyor hepsini ” bununla değiştirdim çalıştı.
Spritegen sitesinde sprite tekniğinde resmi ekliyorum kod çıkıyor ama bunu nereye ekliyeceğim konusunda bilgi verirseniz sevinirim
Sitenizden ve yazılarınızdan fazlasıyla istifade ediyorum. Emeği geçen herkese teşekkür ediyorum. Sitenizi ve yazılarınızı severek takip ediyorum.
Selam URL yapısında /tema/images demişsiniz. Ben sidebarda resim kodlarını bu şekilde kullanıyorum yanlız böyle kullanınca category ve etiket sayfalarında resimler gözükmüyor. Bu sefer URL eklemek zorunda kalıyorum sorun düzeliyor. Ne yapmak lazım?
ömcelikle dokuman icin teşekkürler..
yukarida verdiginiz Css sıkıştırmayı yaptim ve resim boyutlarini photoshop ile düsürdüm sitemde asiri hizlanma oldu bilgileriniz icin tesekurler ederim.
Selam kolay gelsin ben dle de css sprite tekniği ile resimleri nasıl kullanabilirim. Bilgisi olan var mı? Tam olarak yapılan kodu nereye eklemek gerekiyor?
Kaan bey cSprites for WordPress eklentisini kurdum nasıl kullanılacağı hakkında bilgi verirseniz çok memnun olurum.
Ben bir sorum olacak. Bir resim sitesi yapıyorumda,
Web sitem bir kaç dilde olacak
Dile göre farklı başlıklar ve farklı etiketler vermeyi düşünüyorum.
Bir resimde siteyi İngilizce yapınca “vista”, Türkçe yapınca “manzara” yazacak
Böyle yaparsam site her iki dilde de resim indexlenir mi? yoksa en doğrusu tek dilde mi kurmalıyım? veya başka bir yol var mı? cevaplarsanız çok sevinirim.
Css Sprite tekniği gerçekten ilginçmiş. Ben de ilk defa duydum. Uygulamak gerekiyor. Sonuçta makalede yazılan her şey bize fayda sağlayacaktır. Çok başarılı bir uygulama. Teşekkürler SEO Hocası
son bir soru daha sorsam olur mu kafama çok takılda sitede bulamadım …
aşağıdaki iki link verdim burada htaccses yaptım buradki 426 sayfa id si
burada 426 nın ornek1 yada örnek2 deki gibi olmasını ele alırsak
426 baştamı olsa yoksa sonda mı olsa Google için daha önemlidir?
@Hakan Güfte, URL yapısında daima önemli kelimeler önde olmalı baş tarafa yakın olmalıdır. Kelimeler sona yaklaştıkça ve domain uzadıkça bu kelimedeki sayfanın önemi azalmaktadır. En faydalı URL yapısı aşağıdaki gibidir.
Eğer video kelimesinde çıkmak istiyorsanız klasör isminin geçmesini sağlayabilirsiniz. Ancak bu sefer sayfa ismi ikinci plana düşecektir.
çok Teşekkur ederim hocam aslında sitede soru cevap bölümü var mış, çok geç gördüm bu konuyu oraya koyarsanız başkalarınında işine yarayacaktır.
Çok teşekkurler
saolasın hocam çok hızlısın…
xhtml kaynaklı aşağıdaki gibi demek değil mi?
| img width=”60″ height=”85″ alt=”” src=”images/avatars/suckxp.gif” |
@Hakan Güfte, evet bu şekildedir.
burada dediğiniz şı dikkatimi çekti de
Bilgi : “Sitede gösterilen her resimde mutlaka height ve width ölçüleri belirtilmelidir. Çünkü web tarayıcıları, genişlik ve uzunluk ölçüsü girilmemiş resimleri önce tam ekran açar, sonra resimin kendi ölçülerine getirir, bu durum da zaman kaybına sebep olur. Eğer resimlere genişlik ve yükseklik değerleri ilave edilirse, resimler ilk açılırken orjinal boyutları ile görüntülenir. Bu şekilde daha hızlı yüklenir. Örnek height=”100″ width=”100”
height ve with css ile tanımlı olursa ne olur yoksa illaki img scr ye tanımlamak mı lazım?
tEşekkurker
@Hakan Güfte, Eğer sitedeki resim css kaynaklı bir resim ise, yani css üzerinden çağırılıyorsa boyutlarının css üzerinden belirtilmesi yeterlidir. Ancak xhtml kaynaklı bir resim ise bu durumda xhtml kodlamada bunu belirtmek gerekir.
Yazılarınızı gerçekten büyük bir keyif ve dikkatle takip ediyorum.. Çoğu yazdıklarınızı zaten siteme de uyguladım ve faydalarını gördüm. Bunlara karşı küçük bir şükran olarak da sayfalarımdan birinde SEO analiz başlığı ile sitenizi tanıttım ve link verdim.. Diğer yazılarınızı da merakla bekliyoruz. Teşekkürler bu güzel paylaşımlarınız için..
Güzel yorumunuz ve SEOhocasi.com a katkılarınız için çok teşekkürler. Gösterdiğiniz ilgiye layık olmaya çalışıyoruz.
Çok teşekkürler güzel bir yazı. Söylediklerinden bazılarını yaptım ve yararlı buldum.
hocam anlattıkların için teşekkürler. Verdiğin bu sitelerde bi işlem yapabilmek için bolca vaktinin olması gerek:) oldukça geç işlem yapıyorlar..
@Cem Google aramayı kullanırsa yeniden sitende ki başka bir sayfaya geleceği için bir zararı olmaz. Hatta Google üzerinden sitene geldiği için yararı bile olabilir. Google üzerinden sitene gelipte bir sayfada zaman geçirmesi daha faydalı. Ama ben insanların daha çabuk aradıkları sayfalara ulaşmalarını istiyorum diyorsan Google arama kullanmayabilirsin.
@Can bey verdiğiniz bilgiler için teşekkür ederim. Anlatmak istediğim Google aramasını kullanırsam ne gibi artıları olur adsense dışında yani bileşen olarak kullansam aramayı sitede online kalma süresi vs sormak istediğim. Google aramayı kullanırsamda siteden çıkış yapmuş oluyor ve online süreleri düşüyor kullanıcılarn. Hangisi daha avantajlı onu demek istedim üstadım.
@Cem, Google Arama kullanırsan Adsense reklamları koyup ekstra kazanç sağlayabilirsin. Avantajı bu olur. Avatar olayına gelince Gravatars kullanabilirsin çok kullanışlı. Google’dan Gravatar diye aratman yeterli.
Üstadım bir de şeyi sormayı unuttum WordPress’te kendiliğinden bir avatar yükleme yeri yokmu. Yani user avatar diye bir eklenti buldum ve kurdum profil resimleri için. Ancak wordpressin kendinden varolan bir avatar yükleme sisteminin olup olmadığından emin değilim acaba var mı böyle birşey…
Saygılarımla ;
Teşekkür ederim üstadım. O makalenizi 4 gözle bekliyor olacağım. Sizin gibi hocalarımızdan daha öğreneceğimiz çok şey var. Üstadım bir şey daha soracaktım.Wordpress sitede bileşenlerden arama kutusunumu kullansak yoksa Google arama motorunu mu kullanmalıyız hangisi daha avantajlı ikisi arasında ne gibi farklar var.
Üstadım merhabalar 1-2 sorum olacaktı size yine. Öncelikle verdiğiniz bilgiler ile çok yol kat ettim teşekkür ederim. İlk sorum yukarıda yorum yazan arkadaşların nikine tıklayınca web sitelerine yönlendiriyor zannedersem nofollow olayı bunu nasıl yaptınız eklenti ile mi?
2. sorum ise üstadım SEO eklentisi olarak all in SEO pack ile SEO ultimate arasında kaldım. Sizce hangisini kullanmalıyım hangisi daha etkili ve detaylı.
Saygılarımla ;
Yorum linklerinde yönlendirme yapılmaktadır. Ancak nofollow değildir. Git.php dosyası oluşturup bunun içerisine ileriki konularda anlatılacak kod yerlerştirilerek yapılıyor. Eklenti tercihim ise şu şekildedir: WpSEO – all in one SEO – SEO ultimate. Yazdığım öncelik sırasına göre kullanmanızı tavsiye ederim.
benim sitemde işe yaramadı doğsu bende sunucuyu değiştim şimdi oldukça iyi durumda
Sitenin WordPress olduğunu düşünürsek ayarlar da ortam bölümüne gel. Dosya yüklenme adresini wp-content/uploads olarak manuel gir. Sorunun çözülecektir.
ya benim sitemde resim yükleyemiyorum dosya adresinide yazıyorum 777 yapıyorum yazılır yapıyorum yinede resim yazıya yüklenmiyor :s
Ufak bir detaydan bahsedeyim: Photoshop da Save for Web seçeneğini kullanan kişiler boyut olarak iyi bir optimize yaptığını düşünebilir ama kaliteli resimlerin kullanılması gereken yerlerde çok büyük kalite kaybı olur. Bunu Fireworks da optimize ederek aşabilirsiniz.
Çok faydalı bir yazı olmuş Kaan abi. Boyut optimizasyonu, uzantı ve etiket hakkında söylediklerini harfiyen zaten uyguluyordum. Şu CSS Sprites özelliğine bir göz atayım. (:
Üstadım bir de ben WordPress panelde tartışma bölümünde “Diğer bloglardan gelecek bağlantıları uyarılarını kapattım. Bir zararı olur mu açmalı mıyım. Bu bölüm sizde işaretli mi?
Buyrun ekran görüntüsü ;
Saygılarımla ;
Herhangi bir zararı olmaz. Sadece size bağlantı verenlere sizin de bağlantı vermeniz için kullanılan bir sistem.