Mariusz Gąsiewski

Pozycjonowanie szerokie obrazków

Każdy zaznajomiony z tematyką SEO wie, że można optymalizować i pozycjonować treści witryn internetowych pod określone frazy kluczowe. Jednak dużo mniej już osób wie, że proces optymalizacji i pozycjonowania można również stosować w odniesieniu do wyszukiwania obrazów i zdjęć. Dziś przeglądając forum na DigitalPoint znalazłem bardzo ciekawy post, który w prosty i przejrzysty sposób przedstawiał przykładowe zabiegi optymalizacyjne obrazków i zdjęć, które mogą znacznie polepszyć rankingi zdjęć z naszego serwisu w wynikach wyszukiwania Google (zarówno Google Grafika jak i Google.pl).

Post ten można znaleźć na: How to SEO your images for ‚long tail’ searches

Sposób na pozycjonowanie szerokie zdjęć i obrazków:

  1. Dodać atrybuty alt=”” i title=”” do obrazków – zakładamy, że kod dla naszego przykładowego obrazka wygląda tak:
    [code lang=”php”]
    <img src=”zdjecia/ dell-inspiron.jpg” title=”laptop Dell Inspiron 8200” alt=”komputer przenośny Dell Inspiron 8200”>
    [/code]
    i jest wklejony na podstronę dell-inspiron.html
  2. Stworzyć odrębną stronę internetową dla tego obrazka

    Przykład:

    [code lang=”php”]
    <html>
    <head>
    <title> Laptop Dell Inspiron 8200</title>
    </head>
    <body>
    <h1> Laptop Dell Inspiron 8200</h1>
    <img src=”zdjecia/ dell-inspiron.jpg” title=”laptop Dell Inspiron 8200” alt=”komputer przenośny Dell Inspiron 8200”>
    <a href=”dell-inspiron.html“>Powrót</a>
    </body>
    </html>
    [/code]

  3. Zachować stworzoną stronę internetową jako: „laptop-dell-inspiron-8200.html”
  4. W kodzie strony „dell-inspiron.html” dodajemy kod :
    [code lang=”php”]
    <a href=”laptop-dell-inspiron-8200.html”> <img src=”zdjecia/ dell-inspiron.jpg” title=”laptop Dell Inspiron 8200” alt=”laptop Dell Inspiron 8200”>
    </a>
    [/code]
  5. Otaczamy zdjęcie tekstem opisującym zdjęcie
  6. Dodatkowo można zastosować Google Image Labeler, który może pomóc wyszukiwarce Google prawidłowo sklasyfikować zdjęcie.

Ewentualne problemy wynikające z zastosowania tej techniki

  • Użyteczność strony

Zastosowanie tej techniki może obniżyć użyteczność strony, ponieważ ludzie nie lubią klikać kilka razy, aby otrzymywać te same zdjęcie

Możliwe rozwiązania:

  • Dodanie jakiejś wartości dodanej do zdjęcia wklejanego na nowej, optymalizowanej dla tego zdjęcia podstronie (np. będzie to zdjęcie o dużo większym rozmiarze lub lepszej jakości)
  • Ukryć fakt, że zdjęcie jest właściwie niczym więcej jak linkiem

    Zmienić:
    [code lang=”php”]
    <a href=”laptop-dell-inspiron-8200.html”>
    [/code]
    na:
    [code lang=”php”]
    <a style=”CURSOR: default” onMouseover=”window.status=”; return true” href=”laptop-dell-inspiron-8200.html”>
    [/code]
    W ten sposób blokowane jest zmiana wyglądu kursora powstająca przy najeżdżaniu na zdjęcie i wskazująca, że zdjęcie jest linkiem.

  • Zduplikowana treść i wyniki uzupełniające
  • W przypadku zastosowanie powyższego schematu dla całych szablonów stron (tzn. do podstrony na której znajduje się odnośnik do optymalizowanej strony i dla samej optymalizowanej strony używamy tego samego, dużego i mało różniącego się od siebie szablonu), nowo tworzone podstrony mogą być uznane za duplikowanie treści wcześniejszych podstron.

    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: Pozycjonowanie szerokie obrazków

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

    16 komentarzy to “Pozycjonowanie szerokie obrazków”

    1. devnulon 29 mar 2007 at 20:20

      [code lang=”php”]

      [/code]
      ja bym w tym dał return false – wtedy zablokujemy wiekszosci userów wejscie na tą strone a google i tak olewa onclicki więc sobie poradzi 🙂

    2. Adrianoon 29 mar 2007 at 20:41

      Ukrywanie linków poprzez CSS/JS to zły pomysł …

    3. adminon 29 mar 2007 at 20:39

      No tak, też jest to sposób. 🙂 Tylko, że można użytkowników nieźle wkurzyć. Ja sam się bardziej skłaniam ku bardziej użytecznych dla użytkowników rozwiązań (np. dodanie wartości tworzonych podstron). Chociaż które jest bardziej użyteczne (a raczej mniej nieużyteczne ) trudno powiedzieć 🙂

    4. adminon 29 mar 2007 at 21:41

      Co według Ciebie można by więc robić? Pokazywać obie podstrony czy też w jakiś inny sposób ukrywać linki? Tutaj trzeba znaleźć jakiś balans pomiędzy wymaganiami wyszukiwarek i użytkowników.

    5. Cezary Lechon 30 mar 2007 at 01:59

      Hmmm… pomysł z odrębną strona internetową dla obrazka jest co najmniej intrygujący – całkiem rozsądnie.

      Natomiast co do Google Image Labeler to czy jest jakaś metoda sprowokowania robota do analizy zdjęć z naszej strony poprzez to narzędzie ?

    6. adminon 30 mar 2007 at 06:19

      Z tego co wiem na razie ta funkcjonalność nie ma zbyt dużego zastosowania praktycznego. Ma ona charakter bardziej zabawy dla użytkowników (przy czym mogącej przynieść spore korzyści zarówno właścicielom stron z obrazkami jak i samego Google). Na razie chyba warto bardziej zainwestować w dobre alt i title zamiast bawić się tą funkcjonalnością. Tak mi się w każdym razie wydaje 🙂

    7. Bullseyeon 31 mar 2007 at 07:43

      A wystarczyło napisać – wrzucajcie frazę, gdzie się da :). Jak dla mnie to trochę przeładowane keywordami.

    8. adminon 31 mar 2007 at 08:00

      Oczywiście to tylko przykład. Można jako alt i title użyć większych opisów. Do tego obrazek na optymalizowanej stronie otoczyć naturalnie wyglądającym tekstem.
      Taka optymalizacja niekoniecznie sprowadza się do wrzucania tekstu, „gdzie się da” :).

    9. […] Czytaj dalej » […]

    10. Cezary Lechon 09 cze 2007 at 19:09

      Pozwolisz Mariusz że pociągnę temat Google Image Labeler, napisałeś:

      „Dodatkowo można zastosować Google Image Labeler, który może pomóc wyszukiwarce Google prawidłowo sklasyfikować zdjęcie.”

      Czy jest jakiś sposób na dodanie strony pod ocenę userów tego narzędzia ? Może opcja rozszerzonego wyszukiwania obrazków w Google SiteMaps ?

    11. adminon 11 cze 2007 at 20:11

      Masz rację, aczkolwiek to tylko umożliwia to, a nie zapewnia. Cytując za http://www.seomoz.org/ugc/using-google-image-search-to-drive-traffic-to-your-site

      3. Get Included in Google Image Labeler – The Google Image Labeler is a game in which you and a partner collaborate to write tags for images presented. You receive points when you both submit matching tags. The matching tags are then assigned to the images, and taken into consideration for the Google Image Search search results.
      In order to ensure that your images are included, access your Google Webmaster Central account, and go to the management page for your site. In the left hand bar, you will see an link which says ‘Enhanced Image Search’. Clicking this link will present you with the option to opt-in to the Enhanced Image Search features. This option signifies to Google that you are allowing them to use tools such as the Image Labeler to assist in the indexing of the images on your site.

    12. Cezary Lechon 11 cze 2007 at 23:29

      OK, dzięki Mariuszu.
      Swoją drogą gratuluję artykułu przedstawione rozwiązania aktualnie wdrażam w jednej ze swoich stron ;).

      Pozdrawiam
      Czarek

    13. adminon 12 cze 2007 at 08:07

      No to życzę powodzenia :). Przedstawione rozwiązanie idealnie też nadaję się do filmików.

    14. […] pozycjonowaniu obrazków pisał jakiś czas temu Mariusz Gąsiewski w artykule: Pozycjonowanie szerokie obrazków. W naszym wpisie rozszerzamy to pojęcie o kolejne bardziej szczegółowe […]

    15. Golden Retrieveron 18 sty 2009 at 00:47

      No cóż- artykuł już leciwy, ale mam nadzieję, że nie stracił na aktualności.
      Aż sprawdzę 🙂

    16. […] pozycjonowaniu obrazków pisał jakiś czas temu Mariusz Gąsiewski w artykule: Pozycjonowanie szerokie obrazków. W naszym wpisie rozszerzamy to pojęcie o kolejne bardziej szczegółowe […]

    Trackback URI | Comments RSS

    Odpowiedz komentarzem

    You must be logged in to post a comment.