SEO Friendly Images

Atrybuty alt i title dodawanych obrazków mają ogromne znaczenie. Aby wspomóc pozycjonowanie danego bloga opartego na WordPresie, wtyczka SEO Friendly Images generuje je według ustalonego z góry klucza. Jak wygląda poprawna konfiguracja pluginu? Zróbmy test…

Aby poznać działanie oraz możliwości wtyczki SEO Friendly Images:

a) wrzucamy przykładowy plik na serwer:

pytajnik-screen-1b) w Ustawienia >> SEO Friendly Images >> General Options zmieniamy parametry na przykładowe (example):

seo-friendly-images-screen-1W rezultacie panel „Edytuj obrazek” wygląda tak:

pytajnik-screen-2

a kod html grafiki przedstawia się następująco:

<a href=”http://szukam-informacji.pl/wp-content/uploads/2013/06/pytajnik.png”><img alt=”pytajnik SEO Friendly Images” src=”http://szukam-informacji.pl/wp-content/uploads/2013/06/pytajnik.png” title=”pytajnik photo” height=”48″ width=”48″></a>

Na pozór wszystko jest ok. Atrybut alt zawiera nazwę pliku (bez rozszerzenia .png) oraz tytuł wpisu, a atrybut title – nazwę pliku oraz słowo „photo”.

 

Załóżmy jednak, że na stronie będą znajdować się 2 obrazki. Według powyższych ustawień oba będą mieć taki sam atrybut title

Poza tym czasem zapewne będzie nam zależało ma „ręcznym” ustawieniu atrybutów alt oraz title:

pytajnik-screen-3

Co wtedy?
Kod będzie wówczas wyglądał tak:

<a href=”http://szukam-informacji.pl/wp-content/uploads/2013/06/pytajnik.png”><img title=”Tytuł obrazka”alt=”pytajnik SEO Friendly Images” src=”http://szukam-informacji.pl/wp-content/uploads/2013/06/pytajnik.png” height=”48″ width=”48″></a><p>Etykieta</p>

- czyli „Tekst alternatywny” nie zostanie wyświetlony…

Powód jest prosty: zaznaczona opcja „Override default WordPress image alt tag”, która blokuje możliwość ręcznej edycji atrybutu alt.

Podobnie w przypadku zaznaczenia opcji „Override default WordPress image title” zablokowana zostanie możliwość ręcznej edycji atrybutu title.

Dlatego, chociaż opcja „Override default WordPress image alt tag” jest zalecana (recommended), to jednak nie zawsze warto ją zaznaczać… Powodem, dla którego warto to zrobić, jest np. olbrzymi bałagan w dotychczasowych opisach (puste alty, keywords stuffing) przy ogromnej ilości wpisów i grafik. Włączenie tej opcji umożliwia wówczas ogarnięcie tego bałaganu. W innym przypadku pozbawiamy się możliwości samodzielnego ustawienia atrybutu alt danego obrazka.

Co więc zrobić, aby było dobrze?

Jak widać na jednej z powyższych grafik, wtyczka SEO Friendly Images wyświetla następującą informację:

You can enter any text in the field including two special tags:

  • %title – replaces post title
  • %name – replaces image file name (without extension)
  • %category – replaces post category
  • %tags – replaces post tags

Innymi słowy, mamy do dyspozycji 4 „elementy”: %title, %name, %category i %tags, które możemy stosować po 2 (np. „%tags %title”).

Załóżmy, że mamy wiele grafik na jednej podstronie oraz wiele tagów wpisu. Zastosowanie „elementu” %tags (dosłownie: tagu %tags :) ) w polu ALT attribute naraziłoby nas na filtr w Google ze względu na „przespamowane alty„…

„Element” %tags więc odpada.

„Element” %category sprawia, że w alt/title pojawiają się wszystkie kategorie, do których dodany jest wpis.

W przypadku zamieszczenia jednej grafiki w kilku wpisach oraz użycia %category, w każdym wpisie atrybut alt/title będzie wyglądał inaczej…Od razu można się domyślić, że podobnie wygląda sprawa z „elementem” %title.

Biorąc to pod uwagę, rozsądne wydaje się podejście, aby w polu „TITLE attribute” nie stosować %tags, %category ani %title, natomiast użyć „elementu” %name. Dodatkową zaletą takiego rozwiązania jest to, iż nazwa pliku zawsze istnieje, czego nie można powiedzieć o %tags oraz „default WordPress image alt tag/default WordPress image title” :)

Jak wspomnieliśmy wcześniej, mogłoby się zdarzyć, że wszystkie grafiki mają takie same atrybuty alt (lub analogicznie: takie same atrybuty title)… W przypadku zastosowania %name (czyli nazwy konkretnego pliku) nie ma obaw o „przespamowanie”.

((Można zastanowić się nad wykorzystaniem title linka – pod warunkiem, że istnieje:

<a href=”http://szukam-informacji.pl/wp-content/uploads/2013/06/pytajnik.png”>…</a>

oraz że znajdziemy sposób, aby go użyć (domyślnie nie ma takiej opcji)…))

Atrybut alt to tekst, który powinien się wyświetlić w przypadku, gdyby grafika „się nie wczytała”. Samo %name również byłoby tu na miejscu, jednak można się pokusić o coś więcej, skoro dla Google liczy się przede wszystkim alt. Traktując atrybut alt jak zwykły tekst (ponieważ czasem jest widoczny w wynikach wyszukiwania Google), można zadbać o umieszczenie w nim tytułu postu ( %title) i/lub kategorii (%category). Ważne, aby nie „przespamować strony” w przypadku wielu grafik.

Niestety, bez włączenia opcji „Override default WordPress image alt tag” to, co wpiszemy w pole ALT attribute, nie zadziała

Warto jednak pamiętać, że podczas dodawania grafiki Tytuł:
pytajnik-screen-1jest automatycznie zamieniany przez CMS WordPress na Tekst alternatywny:

pytajnik-screen-2

Czy to błąd, czy celowe zagranie – nieważne. Ważne, że można to wykorzystać ;)

Posiadając na swoim blogu takie oto ustawienia wtyczki SEO Friendly Images:

seo-friendly-images-screen-2można wygodnie skorzystać z tego, że atrybut alt jest automatycznie generowany (przez CMS) z nazwy pliku i można go wygodnie zmieniać (pole Tytuł w „Szczegóły załączonego pliku” lub pole Tekst alternatywny w „Edytuj obrazek”).

Pozostaje jeszcze kwestia atrybutu title obrazka, który też jest automatycznie generowany – przez plugin SEO Friendly Images (na podanym przykładzie: za pomocą „elementu” %name)… Title grafiki również można wygodnie zmieniać (pole Tytuł w „Edytuj obrazek”).

Wniosek: najlepsza konfiguracja wtyczki SEO Friendly Images

Czyli: to, co jest domyślnie ustawione i „recommended” – wyłączamy. Nie korzystamy z %tags, a do %category i %title podchodzimy bardzo ostrożnie, gdy w pojedynczych wpisach umieszczona jest duża liczba grafik lub gdy jedna grafika jest wyświetlana w wielu postach.

Taka konfiguracja wtyczki SEO Friendly Images pozwoli na uzyskanie najlepszych efektów, jeśli chodzi o pozycjonowanie w wyszukiwarce Google.

VN:F [1.9.22_1171]
Twoja ocena wpisu:
Rating: 4.9/5 (12 votes cast)
SEO Friendly Images, 4.9 / 5 , ocen: 12
            
   
wordpress

Kategoria wpisu: WordPress

Tagi wpisu: , , , , ,






Szalony Kapelusznik

Szalony Kapelusznik

Autorem wpisu "SEO Friendly Images" jest SEOgeek z forum PiO - Szalony Kapelusznik ;)



Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Możesz użyć następujących tagów oraz atrybutów HTML-a: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Wpisz odpowiedź *