Każda strona internetowa jest tworzona przy użyciu znaczników - kodu napisanego w specjalnie przygotowanym języku (najczęściej HTML). Z kolei przeglądarka użytkownika może odczytać ten kod, aby poprawnie wyświetlić wszystkie informacje, które twórcy zasobu chcieli nam przekazać. Okazuje się, że wszystkie elementy, które widzimy na stronie internetowej, pochodzą z kodu źródłowego odwiedzanej witryny.
Optymalizacja kodu
Jak łatwo się domyślić, każda litera tego kodu, każdy symbol ma znaczenie. Co ciekawe, zdarza się również, że wizualnie strona może nie zawierać tych elementów, które są niezwykle ważne dla jej optymalizacji (czyli prawidłowego ustawienia zasobu dla wyszukiwarek). Atrybut ALT można przypisać np. liczbie takich ledwo zauważalnych. Znajduje się na łamach wielu zasobów i bardzo często po prostu tego nie zauważamy.
W tym artykule chcielibyśmy zwrócić uwagę tylko na ten element projektowania stron internetowych. Tutaj powiemy Ci, dlaczego jest to tak ważne dla prawidłowego rankingu strony, wzrostu jej ruchu i wygody użytkownika w pracy z nią.
Co to jest atrybut ALT?
Zacznijmy od samego początku: opiszemy, o czym jest ten artykułmowa i dlaczego w ogóle potrzebujemy tego atrybutu.
Aby zrozumieć ten tekst, musisz najpierw zrozumieć język znaczników HTML. Jest to kod, na którym napisane są podstawowe strony internetowe, który, jak już wspomniano, ma właściwość wyświetlania w przeglądarce. Cały język składa się ze specjalnych atrybutów (takich jak IMG, ALT, FONT i tak dalej). Każdy z nich jest odpowiedzialny za pracę z tym lub innym elementem projektu. W praktyce atrybut "Obraz" wspomniany powyżej jest używany do zdjęć, które można znaleźć na stronach internetowych. Dokładniej, za jego pomocą tworzony jest opis do zdjęć, zgodnie z którym użytkownik (odwiedzający witrynę) może łatwo zrozumieć, co jest na nich pokazane. Na pewno sam spotkałeś się z takimi opisami - pojawiają się one po najechaniu myszką na zdjęcie.
Wartość praktyczna
Oczywiście te atrybuty są stosowane w praktyce nie bez powodu. Webmasterzy potrzebują opisów swoich obrazów tak samo jak odwiedzający witrynę (prawdopodobnie więcej). W końcu, jeśli wszystkie zdjęcia nie mają atrybutu ALT, osoba może tego nawet nie zauważyć, jeśli do zdjęć na stronie zostaną dodane teksty wyjaśniające. Z drugiej strony roboty wyszukujące (z pustym ALT) mogą nie pozycjonować witryny wystarczająco wysoko, zmniejszać jej pozycję w wynikach wyszukiwania, a tym samym nie przynosić wystarczającej liczby odwiedzających. Dlatego możemy śmiało powiedzieć, że opisy do zdjęć na stronie odgrywają również ważną rolę dla samych webmasterów, więc nie mogązaniedbanie.
Bonusy z wyszukiwarek
Aby lepiej zrozumieć zalety poprawnie wypełnionych tagów opisowych dla zdjęć, podajmy mały przykład. Załóżmy, że jest na niej witryna z obrazami. Jeśli atrybut ALT nie jest ustawiony, użytkownik nie ucierpi, ponieważ w każdym razie zobaczy, co jest pokazane na konkretnym zdjęciu. Zupełnie inny wynik czeka właściciela zasobu, który zlekceważy powyższy tag, przez co straci część ruchu np. z katalogów graficznych.
Jak napisać atrybut ALT?
Technicznie nie ma nic trudnego w wypełnieniu opisu pod tym lub innym zdjęciem. To oczywiste: musisz przejść do edytora HTML na swojej stronie i znaleźć kod obrazu (zaczyna się od IMG i kończy na tym samym). Wewnątrz tego bloku kodu znajduje się kod. To właśnie mają na myśli, gdy mówią, że musisz napisać atrybut ALT. Odbywa się to w następujący sposób: „ alt="„opis”.
Jeśli nie pracujesz z czystym kodem, ale używasz jakiegoś oddzielnego „silnika” dla strony (na przykład Wordpress lub Joomla), integruje specjalny mechanizm dodawania „ altów”, dzięki którym nasza strona zostanie zapamiętana przez wyszukiwarki. Jeśli wpiszesz nowy ALT, aktualizacja jest na Twojej stronie.
Co piszą w atrybucie?
Oczywiście, kiedy masz zadanie napisania atrybutu ALT, nie myślisz o sprawach technicznychbok. Najczęściej to pytanie pada, gdy webmaster nie wie, jakie informacje o danym obrazie musi podać. To sprawia, że trudno powiedzieć, jakie informacje przyniosą korzyści witrynie z punktu widzenia wyszukiwarek.
W praktyce istnieje wiele podejść do rozwiązania problemu opisu. Ktoś pracuje z typowymi szablonami, według których tag jest po prostu wypełniany słowami kluczowymi, dla których tworzona jest strona. Być może jest to najczęstsza praktyka, którą można często znaleźć. Czasami zamiast szukać sposobu na napisanie atrybutu ALT, użytkownik po prostu zostawia to miejsce puste. Należy w tym miejscu wyjaśnić, że każdy sam decyduje, który opis wskazać.
Wymagania
Jednocześnie istnieje kilka podstawowych zasad (lub, jeśli chcesz, wymagań), zgodnie z którymi każdy może dodać idealny atrybut do swoich zdjęć. Składają się z niewielkiej liczby pozycji, z których każdy nawiązuje do opisów zdjęć i obrazków na stronie.
Na przykład pierwszym takim wymogiem jest długość całego tekstu. Jeśli szukasz, jak poprawnie napisać atrybut ALT, rozwiązanie jest elementarne: użyj nie więcej niż 2-3 słowa. Tekst o takim rozmiarze, po pierwsze, będzie idealnie odczytany przez robota wyszukiwania (i sprawi, że Twoja witryna będzie bardziej trafna); po drugie, taki opis jest bardziej zrozumiały dla samych użytkowników. Zgadzam się, przeczytaj całe zdanie, jeśli chcesz tylko wiedzieć, co jest pokazane na obrazku, nikt nie będzie. Wystarczy zwięźle i precyzyjnie.opis, który przyda się Tobie i Twoim klientom.
Nie zapomnij o znaczeniu. Jeśli opublikujesz zdjęcie słonia, koniecznie opisz jego rasę lub historię; sprecyzuj, dlaczego jest to przedstawione na tym zdjęciu, co chciałbyś przez to powiedzieć. Byłoby pomocne, gdyby odwiedzający poznał Twoje przemyślenia na temat tego słonia.
Kolejną ważną kwestią (którą ustalono w trakcie licznych testów praktycznych) jest wyjątkowość. Jeśli szukasz sposobu na dodanie atrybutu "Obraz" do obrazu, pamiętaj, że musi on być unikalny dla każdego z wymienionych zdjęć w witrynie. Na przykład opublikowanie trzech zdjęć z rzędu z podpisem „mój słoń” będzie błędne - zaszkodzi to tylko Twojemu zasobowi w wynikach wyszukiwania. Lepiej nazwać obrazy „słoń 1” i „słoń 2”, dzięki czemu będą bardziej wyjątkowe.
Na koniec pamiętaj o parametrach samych obrazów, do których chcesz dodać atrybut ALT. W przypadku zdjęć ważne jest, aby spełniały szereg kryteriów – nie były zbyt małe, aby wyglądały realistycznie. Oznacza to, że jeśli określisz opis, zrób to dla poważniejszych zdjęć, które są brane pod uwagę z większą wagą. Nie określaj atrybutu "Obraz" dla niektórych małych emotikonów lub czegoś podobnego.
Szukaj ALT
Na koniec omówiliśmy podstawy atrybutu, niektóre zasady jego kompilacji oraz wymagania wobec nich obu stron (zarówno użytkowników, jak i robotów wyszukiwania). Zastanówmy się teraz: jak szukać słów kluczowych i fraz,które przepiszemy na naszej stronie internetowej? Jak wspomniano powyżej, wyszukiwanie powinno być skierowane na gotowe bazy słów kluczowych, które naprawdę zaczynają przyciągać klientów do Twojej witryny. Oczywiście nie da się tego osiągnąć, jeśli nadal brakuje Ci atrybutu ALT. Weź gotowe słowa kluczowe i frazy, których używasz w swoich treściach i wklej je do zdjęć.
Jeżeli nie masz takich informacji i w ogóle nie myślałeś o rozpoczęciu stopniowej promocji swojego zasobu, sugerujemy abyś zaczął szukać baz takich „słów kluczowych”, za pomocą których możesz łatwo tworzyć nowe strony. W tym celu doskonale sprawdzają się usługi takie jak Google Keyword Extract Tool czy Yandex. Wordstat, które pokazują statystyki wyszukiwania dla określonych fraz. Bawiąc się tymi ustawieniami, możesz znacznie zwiększyć udział ruchu w wyszukiwarkach w swoich witrynach, a tym samym zacząć czerpać nowe korzyści. Najważniejsze jest, aby uniknąć sytuacji, w której wszystkie widoczne obrazy nie mają atrybutu ALT.
Wnioski
Więc, co możemy powiedzieć o atrybucie opisanym w tym artykule? Jest to część języka, w którym tworzone są najprostsze strony - HTML. Jest to bardzo łatwe, ponieważ opisuje elementarny, podstawowy język. Aby nadal zarejestrować tag na zdjęciach, musisz samodzielnie wydać go za pomocą kodu źródłowego. Lub, korzystając z nowych instrukcji, zacznij od nowa. Tak czy inaczej, tagowanie "Obraz" jest idealnym przykładem obopólnej korzyści, gdy zarówno odwiedzający, jak i właściciel zasobu są zadowoleni.
Wskazanie tagu może prowadzić do nowegoodwiedzający - zjawisko to jest szczególnie często obserwowane w usługach takich jak Google i Yandex Images. Kiedy klikniesz na zdjęcie, witryna samodzielnie określa źródło, z którego pochodzi zdjęcie i przekierowuje odwiedzającego. A to, jak rozumiesz, jest bardzo ważne, aby móc to robić w przyszłości.
