Her web sayfası işaretleme kullanılarak oluşturulur - özel olarak sağlanan bir dilde (çoğunlukla HTML) yazılan kod. Kullanıcının tarayıcısı, kaynağın yaratıcılarının bize iletmek istediği tüm bilgileri düzgün bir şekilde görüntülemek için bu kodu okuyabilir. Bir web sayfasında gördüğümüz tüm unsurların, ziyaret ettiğimiz sitenin kaynak kodu tarafından sağlandığı ortaya çıkıyor.
Kod optimizasyonu
Tahmin edebileceğiniz gibi bu kodun her harfinin, her sembolün bir anlamı var. Ayrıca, ilginç bir şekilde, görsel olarak site, optimizasyonu için son derece önemli olan öğeleri içermeyebilir (yani, kaynağın arama motorları için doğru ayarlanması). ALT özniteliği, örneğin, pek fark edilmeyen bu türlerin sayısına atfedilebilir. Birçok kaynağın sayfalarında yer alıyor ve çoğu zaman bunu fark etmiyoruz.
Bu yazıda, web tasarımının sadece bu unsuruna dikkat etmek istiyoruz. Burada, sitenin doğru sıralanması, trafiğinin artması ve kullanıcının siteyle çalışma rahatlığı için neden bu kadar önemli olduğunu anlatacağız.
ALT özelliği nedir?
En baştan başlayalım: Bu makalenin ne hakkında olduğunu anlatacağızkonuşma ve neden bu özelliğe ihtiyacımız var.
Yani, bu metni anlamak için önce HTML biçimlendirme dilini anlamanız gerekir. Bu, daha önce belirtildiği gibi tarayıcıda görüntülenme özelliğine sahip olan temel web sayfalarının yazıldığı koddur. Tüm dil özel niteliklerden oluşur (IMG, ALT, FONT vb. gibi). Her biri, bir veya başka bir tasarım öğesiyle çalışmaktan sorumludur. Uygulamada, yukarıda bahsedilen "Görüntü" özelliği, web sitesi sayfalarında bulunabilen resimler için kullanılır. Daha spesifik olarak, yardımı ile, kullanıcının (site ziyaretçisinin) üzerinde ne gösterildiğini kolayca anlayabileceği şekilde resimler için bir açıklama oluşturulur. Elbette bu tür açıklamalarla karşılaşmışsınızdır - fareyi resmin üzerine getirdiğinizde görünürler.
Pratik değer
Tabii ki, bu nitelikler pratikte bir sebepten dolayı uygulanır. Web yöneticileri, resimleri için site ziyaretçilerinin yaptığı kadar (muhtemelen daha fazla) açıklamalara ihtiyaç duyar. Sonuçta tüm görsellerde ALT özelliği yoksa, sayfadaki resimlere açıklayıcı metinler eklendiğinde kişi bunu fark etmeyebilir bile. Öte yandan, arama robotları (boş ALT ile) siteyi yeterince üst sıralarda yer almayabilir, arama sonuçlarındaki konumunu düşürebilir ve bu nedenle yeterli sayıda ziyaretçi getiremez. Bu nedenle, sitedeki resimlerin açıklamalarının web yöneticilerinin kendileri için de önemli bir rol oynadığını güvenle söyleyebiliriz, bu yüzden yapamazlar.ihmal.
Arama motorlarından gelen bonuslar
Resimler için doğru doldurulan açıklama etiketlerinin faydalarını daha iyi anlamak için küçük bir örnek verelim. Diyelim ki üzerinde barındırılan resimlerin bulunduğu bir web sitesi var. ALT özniteliği ayarlanmazsa, kullanıcı herhangi bir durumda belirli bir fotoğrafta ne gösterildiğini göreceği için acı çekmez. Yukarıdaki etiketi ihmal edecek olan kaynağın sahibini tamamen farklı bir sonuç beklemektedir, bu nedenle örneğin resim dizinlerinden gelen trafiğin bir kısmını kaybedecektir.
ALT özelliği nasıl yazılır?
Teknik olarak, şu veya bu resmin altına açıklama doldurmanın zor bir tarafı yoktur. Bu açıktır: sitenizdeki HTML düzenleyicisine gitmeniz ve resim kodunu bulmanız gerekir (IMG ile başlar ve aynı ile biter). Bu kod bloğunun içinde kod var. ALT niteliğini yazmanız gerektiğini söylediklerinde kastettikleri budur. Bu şu şekilde yapılır: “alt=“açıklama”.
Saf kodla çalışmıyorsanız, ancak site için ayrı bir "motor" kullanıyorsanız (örneğin, Wordpress veya Joomla), sitemizin hatırlanacağı " alt" eklemek için özel bir mekanizma entegre eder. arama motorları tarafından. Yeni bir ALT doldurursanız, güncelleme sayfanızdadır.
Özellikte ne yazıyorlar?
Elbette, ALT niteliğini yazma göreviniz olduğunda, teknik düşünmezsiniz.yan. Çoğu zaman, bu soru, web yöneticisinin belirli bir resim hakkında hangi bilgileri sağlaması gerektiğini bilmiyorsa sorulur. Bu, arama motorları açısından hangi bilgilerin siteye fayda sağlayacağını söylemeyi zorlaştırıyor.
Pratikte, açıklama problemini çözmek için birçok yaklaşım vardır. Birisi, etiketin basitçe sayfanın oluşturulduğu anahtar kelimelerle doldurulduğu tipik şablonlarla çalışır. Belki de bu, sıklıkla bulunabilecek en yaygın uygulamadır. Bazen, ALT niteliğinin nasıl yazılacağını aramak yerine, kullanıcı bu alanı boş bırakır. Burada açıklığa kavuşturulmalıdır ki, herkes hangi tanımın gösterileceğine kendi karar verir.
Gereksinimler
Aynı zamanda, herkesin resimleri için ideal özniteliği ekleyebileceği birkaç temel kural (veya isterseniz gereksinimler) vardır. Her biri sitedeki fotoğraf ve resimlerin açıklamalarına atıfta bulunan az sayıda öğeden oluşurlar.
Örneğin, bu tür ilk gereksinim tüm metnin uzunluğudur. ALT niteliğini nasıl doğru yazacağınızı arıyorsanız, çözüm basit: 2-3 kelimeden fazlasını kullanmayın. Bu boyuttaki metinler öncelikle ideal olarak bir arama robotu tarafından okunacaktır (ve sitenizi daha alakalı hale getirecektir); ikinci olarak, böyle bir açıklama kullanıcıların kendileri için daha anlaşılırdır. Katılıyorum, tüm cümleyi okuyun, sadece resimde ne gösterildiğini bilmek istiyorsanız, kimse yapmaz. Kısa ve net olması yeterli.hem siz hem de müşterileriniz için faydalı olacak bir açıklama.
Anlamı unutma. Bir filin fotoğrafını gönderirseniz, cinsini veya tarihini açıkladığınızdan emin olun; neden bu fotoğrafta tasvir edildiğini, bununla ne söylemek istediğinizi belirtin. Ziyaretçinin bu fil hakkındaki düşüncelerinizi öğrenmesi faydalı olacaktır.
Bir diğer önemli nokta (çok sayıda uygulamalı test sırasında ortaya konmuştur) benzersizliktir. Bir resme "Görüntü" özniteliğini nasıl ekleyeceğinizi arıyorsanız, sitede listelenen fotoğrafların her biri için benzersiz olması gerektiğini unutmayın. Örneğin, "benim filim" başlığıyla arka arkaya üç resim yayınlamak yanlış olacaktır - bu yalnızca arama sonuçlarında kaynağınıza zarar verir. Resimleri "fil 1" ve "fil 2" olarak adlandırmak onları daha benzersiz hale getirecektir.
Son olarak, ALT niteliğini nasıl ekleyeceğinizi aradığınız resimlerin kendi parametrelerini aklınızda bulundurun. Resimler için bir dizi kriteri karşılamak önemlidir - çok küçük olmamak, gerçekçi görünmek. Yani, bir açıklama belirtirseniz, bunu daha ağırlıklı olarak dikkate alınan daha ciddi görüntüler için yapın. Bazı küçük ifadeler veya bunun gibi bir şey için "Görüntü" özelliğini nitelendirmeyin.
ALT ara
Son olarak, bir özniteliğin temelleri, onun derlenmesi için bazı kurallar ve her iki tarafın (hem kullanıcılar hem de arama robotları) gereksinimleri hakkında konuştuk. Şimdi düşünelim: Anahtar kelimeler ve kelime öbekleri nasıl aranır,hangisini web sitemizde yazacağız? Yukarıda belirtildiği gibi, arama, gerçekten sitenize müşteri çekmeye başlayan hazır anahtar kelime veritabanlarına yönlendirilmelidir. Tabii ki, hala ALT özelliğinden yoksunsanız bu başarılamaz. İçeriğinizde kullandığınız hazır anahtar kelimeleri ve kelime öbeklerini alın ve resimlere yapıştırın.
Bu tür bilgilere sahip değilseniz ve kaynağınızı kademeli olarak tanıtmaya başlamayı hiç düşünmediyseniz, kolayca yeni siteler oluşturabileceğiniz bu tür “anahtar kelimelerin” veritabanlarını aramaya başlamanızı öneririz. Bunun için, belirli ifadeler için arama istatistiklerini gösteren Google Anahtar Kelime Çıkarma Aracı veya Yandex. Wordstat gibi hizmetler mükemmeldir. Bu ayarlarla "oynayarak", sitelerinizdeki arama trafiğinin payını önemli ölçüde artırabilir ve böylece yeni avantajlar elde etmeye başlayabilirsiniz. Ana şey, tüm görünür görüntülerin ALT özelliğinden yoksun olduğu bir durumdan kaçınmaktır.
Sonuçlar
Peki, bu makalede açıklanan öznitelik hakkında ne söyleyebiliriz? En basit sitelerin oluşturulduğu dilin bir parçasıdır - HTML. Temel, temel bir dili tanımladığı için bunu yapmak çok kolaydır. Etiketi resimlere kaydetmeye devam etmek için, kaynak kodu aracılığıyla bağımsız olarak yayınlamanız gerekir. Veya yeni talimatları kullanarak tekrar öpüşmeye başlayın. Her ne olursa olsun, "Resim" etiketleme, hem ziyaretçi hem de kaynağın sahibi memnun olduğunda karşılıklı yarar için mükemmel bir durumdur.
Bir etiketi belirtmek yeni etiketlere yol açabilirziyaretçiler - bu fenomen özellikle Google ve Yandex Görseller gibi hizmetlerde görülür. Bir görsele tıkladığınızda site, görselin alındığı kaynağı bağımsız olarak belirler ve ziyaretçiyi yönlendirir. Ve bu, anladığınız gibi, gelecekte yapabilmek için çok önemlidir.
