html img etiketi

HTML img Etiketi Nedir?

Html img Etiketi hakkında bilgi vermem gerekirse en kısa yoldan şu şekilde sizlere anlatabilirim; Html img Etiketi .jpg.png.gif vb gibi uzantılı tüm fotoğrafları gerekli uzunluk ve genişliği girerek Web sitemizde fotoğraf oluşturmaya yarayan etikettir. Gerek kullanıcı deneyimleri gerekse arama motorları optimizasyonlarında önemi büyük olan img etiketi kesinlikle web sitelerinde kullanılması gerekmektedir.

Web sitelerinde img etiketinin kullanımının önemi büyüktür ancak sizlere önerimiz diğer Web sitelerinden hiç bir şekilde fotoğraf almamanız. Her ne kadar bu konuda becerikli olmasanızda ne kadar gözünüze kötü gelirse gelsin içerikleriniz için özgün fotoğraf oluşturmanızı şiddetle öneriyoruz.

Web sayfalarında içeriklerin kopyalanması sitenizin puanının düşmesine neden olduğunu diğer yazılarımızda anlatmıştık. Arama motorlarının fotoğraf okuma özelliği olduğu için diğer bir siteden aldığınız fotoğraf sizin tüm emeklerinizi çöpe bile atıyor olabilir. Bu yüzden altını çizerek söylemekteyim ki kesinlikle diğer Web sitelerinden ne içerik(text/yazı) ne de fotoğraf almayın.

img Etiketi Nasıl Kullanılır?

HTML etiketlerinin özelliklerinden birisi etiketlerin açılması ve kapanmasıdır. img etiketinin 2 farklı şekilde kullanılabilir. Çünkü içerisinde sadece parametrelerle özelliklerini kullanabildiğiniz bir etikettir. Aşağıda 2 farklı örneğini de sizlerle paylaşacağım.

Web sitesine fotoğraf eklemek için kullanılan Html kodudur. Aşağıdaki noktalı alanları uygun bir şekilde doldurduğunuz zaman fotoğraf sitenizde otomatik olarak görünecektir.

Örnek:

<img src="..." width="..." height="..." alt="..." />

<img src="..." width="..." height="..." alt="..."></img>

Not: Yukarıda gördüğünüz gibi img etiketinin 2 farklı kullanımı vardır. Kullanım şekillerin Web sitenizde her hangi bir soruna yol açmaz tamamen sizin kod yazım stilinize bağlı olarak değişir.

img Etiketi Parametreleri Nelerdir?

  • src : Fotoğrafın url olarak nerede olduğunu belirttiğiniz alan. Örn: (../img/fotograf.jpg)
  • width : Fotoğraf genişliğini belirlemede kullanılır.
  • height : Fotoğraf uzunluğunu belirlemede kullanılır.
  • alt : img etiketinin fotoğrafın hangi konuda olduğunu veya ne içerdiğini yazmalısınız.
  • title (isteğe bağlı) : alt etiketiyle aynı özelliklerde olmasına karşın fotoğrafın üzerine geldiğinde yazdıran etikettir. Kullanım şekli olarak arama motorları tarafından img etiketi için bir zonluluğu yoktur.

 

img etiketi
img etiketi

HTML img Etiketi Nerelerde Kullanılır?

HTML img etiketi mutlaka her sayfada 1 tane olacak şekilde yukarıdaki parametreleri kullanarak mutlaka oluşturulmalıdır. Sayfamızın içerisinde o sayfayı anlatacak özgün tamamen bizim oluşturduğumuz görseli sayfanın kullanıcın en dikkatini çekecek yere yerleştirmeniz hem arama motoru optimizasyonları hemde kullanıcının sitede gezinmesini arttıracaktır.

img etiketi kullanımını söylediğimiz kurallara uyarak kullanırsanız muhtemelen sayfanız için olumlu gelişmeler olabilir.

HTML img Etiketi