Mariusz Gąsiewski
gru 9th, 2007

Stosuj atrybut alt przy obrazkach

Parę dni temu pojawił się na blogu Google Webmaster Central Blog przydatne i ciekawe (zwłaszcza dla początkujących) video Matta Cuttsa przedstawiające porady optymalizacyjne, które powinno się stosować dla obrazków. Główna część wykładu Matta opisuje wykorzystywanie atrybutu alt dla uwidocznienia obrazków i zdjęć z naszej strony w wynikach wyszukiwania.

Stosowanie atrybutu alt ma duże znaczenie nie tylko ze względu na wyszukiwarki, ale przede wszystkim ze względu na użytkowników, dla których witryna internetowa wykorzystująca tekst alternatywny (czyli atrybut alt) jest bardziej dostępna.

Tekst alternatywny przydaje się szczególnie osobom niewidomym, które korzystają z czytników ekranu, osobom, które z określonych powodów nie mają możliwości oglądania obrazków na stronie (np. używają tekstowych przeglądarek lub też wyłączyły wyświetlanie obrazków w przeglądarce).

W przypadku, kiedy uznasz strone za przydatna dodaj na swojej stronie link do niej.
Po prostu skopiuj i wklej link podany nizej (Ctrl+C to copy)
Wyglad linku po wklejeniu na stronie: Stosuj atrybut alt przy obrazkach

Dodaj link do:
| | | Y! MyWeb | +Google

10 komentarzy to “Stosuj atrybut alt przy obrazkach”

  1. # grizzly3on 09 gru 2007 at 21:03

    Dla większości z nas to jest oczywiste, ale dobrze, że Google publikuje tego typu porady – może się przyda kolejnemu pokoleniu webmasterów… 🙂
    Przy okazji. Motto Google to „don’t be evil”, prawda? Zwróćcie uwagę na dłonie w czasie 2:50… 😉

  2. # adminon 09 gru 2007 at 21:27

    Oczywiście masz rację. Sam zaznaczyłem, że jest to raczej materiał dla początkujących. Same porady Matta są też zawsze ciekawie przygotowane i dobrze dopracowane.

    Przy okazji. Motto Google to “don’t be evil”, prawda? Zwróćcie uwagę na dłonie w czasie 2:50

    🙂

  3. # Cezary Lechon 11 gru 2007 at 02:54

    Ostatnio ukazały się dwa ciekawe artykuły na temat atrybutu alt w nowym serwisie o użyteczności – dostepny.net:

    http://dostepny.net/2007/zapewnij-ekwiwalent-tresci-audio-wizualnej-cz1-alt/
    http://dostepny.net/2007/zapewnij-ekwiwalent-tresci-cz1a-alt-powody-stosowania/

    Polecam.

  4. # adminon 11 gru 2007 at 10:22

    O jednym z wspomnianych przez Ciebie artykułów napisałem już wcześniej w poście :). Masz rację, że w walce o użytkowników, coraz bardziej różnorodnym korzystaniu z Internetu kwestie dostępności stają się ważniejszymi zagadnieniami. Świetnie, że powstał blog poświęcony temu zagadnieniu.

  5. # Net Solutions Blog » Blog Archive » Stosuj atrybut alt przy obrazkachon 18 gru 2007 at 16:55

    […] Parę dni temu pojawił się na blogu Google Webmaster Central Blog przydatne i ciekawe (zwłaszcza dla początkujących) video Matta Cuttsa przedstawiające porady optymalizacyjne, które powinno się stosować dla obrazków. Główna część wykładu Matta opisuje wykorzystywanie atrybutu alt dla uwidocznienia obrazków i zdjęć z naszej strony w wynikach wyszukiwania. Czytaj więcej Źródło – Marketing w Internecie […]

  6. # TomekKon 11 sty 2008 at 23:56

    @admin – dzięki za wspomnienie.
    @Cezary – dla porządku: blog jest o dostępności, choć i o użyteczności poniekąd również 😉

  7. # adminon 12 sty 2008 at 00:11

    Nie ma za co:). Ciekawe kwestie, nadal jeszcze mało doceniane. Nabiorą one szczególnego znaczenia w dobie coraz większej ilości środków łączenia się z Internetem i coraz szerszego zasięgu Internautów.

  8. # http://forex-waluty.blogspot.comon 12 kw. 2010 at 00:11

    alt i alt w kółko.. a czy atrybut title przy obrazkach (i innych elementach, do których go można odnieść) też będzie pomocny? jest sens go umieszczać?

  9. # Mariusz Gąsiewskion 13 kw. 2010 at 21:35

    Jest jeżeli nie wymaga to od nas zbyt dużego wysiłku.

  10. # 7 kroków do optymalizacji landing page pod kątem pozycjonowania (SEO) | Email Marketing BlogEmail Marketing Blogon 20 mar 2014 at 15:00

    […] co jest na obrazku bez rzeczywistego “widzenia” go. Na przykład korzystają z atrybutu alt podanego dla tagu img. Pełni on podobną funkcję jak metka produktu w sklepie. Umieść w tagu […]