Różnica między alt i tytułem img - którego użyć - i wpływem

Od lat piszę swój HTML dla takich obrazów:

<img src="picture.jpg" alt="my picture" >

Ale niedawno przeprowadziłem audyt mojej witryny przy użyciu narzędzi SEO Raven i zgłosił mnóstwo błędów, które naprawdę mnie zaskoczyły.

Kiedy przejrzałem raport, 99% tych błędów było spowodowane brakiem tekstu tytułu obrazu.

Wiem, że tekst tytułowy obrazu może wyświetlać pop-up po najechaniu kursorem na obrazek, ale poza tym jaki jest cel i czy ma wpływ na SEO?

A jeśli byś go wdrożył, co byś tam włożył? Czy po prostu wstawiłbyś te same informacje, które są w altatrybucie? to znaczyalt="my picture" title="my picture"

Tag ALT to tag ułatwień dostępu, który został wprowadzony dla osób, które mają problemy z widzeniem, nawet za pośrednictwem Google używają go do określania, o co chodzi w obrazie, nie należy nigdy rozważać umieszczania tagów alt dla celów SEO przed odwiedzającymi.

Wiele osób, a nawet Matt Cutts, który pracuje w Google, mówi o tagach alt, jakby zostały zaprojektowane specjalnie dla wyszukiwarek w celu informowania botów o tym, o czym jest obraz, to po prostu nieprawda.

Jednak możesz informować Google o tym, o co chodzi w obrazie, jednocześnie dbając o odbiorców, nigdy nie umieszczaj słów kluczowych w tagu alt, to tłumi wrażenia użytkownika i jest bardzo nienaturalne.

Doskonałym przykładem tego jest to, że często mówi się, że ktoś chce uszeregować według słowa kluczowego „Bournemouth”, będzie miał tytuł Bournemouth w tytule, w meta opisie H1, a następnie zrób zdjęcie z tagiem alt „Bournemouth”. SEO tłumi wrażenia użytkownika i pomija cały punkt tagu alt. Znacznik alt jest przeznaczony dla osób, które mają problemy ze wzrokiem lub całkowicie wyłączają obrazy. Tag ALT został zaprojektowany, aby poinformować użytkownika o tym, o czym jest obraz.

Dobry przykład tego można zobaczyć poniżej

<img src="i.jpg" alt="Bournemouth" />

vs

<img src="i.jpg" alt="Birdseye view of Bournemouth" />

Powyższy przykład nadal zawiera słowo kluczowe, a jednocześnie wyjaśnia zarówno Google, jak i odbiorcom, o co chodzi w obrazie.

A co z tytułem?

Tag tytułowy został tak zaprojektowany, aby zapewnić więcej informacji po najechaniu kursorem na element, co nie jest zbyt przydatne dla IMG, ponieważ jeśli zamierzasz użyć tych samych informacji dla ALT i TITLE, możesz użyć skryptu, aby odczytać tag alt i zrobić bardzo własne najechania kursorem za pomocą JS. Poleciłbym tylko tag tytułowy, jeśli zamierzasz podać więcej informacji niż tag ALT, np. Dłuższy opis - nie musisz podawać dokładnych informacji w obu elementach, ponieważ to po prostu przesadza kod.

Tag tytułowy jest bardzo przydatny w przypadku linków, ponieważ po najechaniu na niego kursorem można uzyskać więcej informacji o linku, który zamierzają kliknąć. Warto tutaj przeczytać więcej o tytule .

altdaje alternatywny opis obrazu. Ten atrybut jest wymagany w przypadku img.

titledaje dodatkowe informacje o obrazie. Ten atrybut jest opcjonalny dla img.

Nigdy nie polegaj na informacjach w title. Jeśli informacje są naprawdę ważne, dołącz je do własnego elementu.

Te dwa atrybuty nie powinny mieć tej samej treści.

Twoje zamieszanie jest normalne i tak, każdy tag (Title, ALT) reprezentuje własny potencjał, który pomaga wyszukiwarce i użytkownikowi dowiedzieć się, o co chodzi w obrazie.

Czasami tekst ALT nie wystarcza do opisania obrazu, więc lepiej przypisać więcej informacji, o ile to możliwe, użyj wariancji w przypisywaniu słów, która jest również bardziej skuteczna z punktu widzenia SEO.