Linki - zasady tworzenia użytecznych odnośników


pon., 12/10/2009 - 11:51 — asperian

  • Pierwsza zasada dotycząca linków tekstowych jest taka, że muszą się one wyróżniać od tekstu, który linkiem nie jest. Najczęściej linki są podkreślonym tekstem wyróżniającego się koloru.

    Kod HTML:

    <a href="http://pozytywnie.net/">Tekst, który widzimy jako link (anchor text)</a href>
  • Zaleca się, żeby odwiedzone linki oznaczone były innym kolorem niż te, do których internauta jeszcze nie zaglądał.
  • Linki muszą być dobrze opisane. Oznacza to, że tekst, który widzimy jako odnośnik (tzw. anchor text) powinien dokładnie informować użytkowników strony o tym, dokąd prowadzi dany link. Odnośniki w stylu „Kliknij tutaj” są zbyt lakoniczne. Użytkownik nie wie, czego może spodziewać się po kliknięciu w taki link. Istnieje zatem duże prawdopodobieństwo, że tego nie zrobi. Można także dodatkowo opisać linki – przy pomocy tytułu linka (title). Pojawia się on po najechaniu na odnośnik kursorem myszki.

    Kod HTML:

    <a href="http://pozytywnie.net/" title=”Tytuł linka”>Tekst, który widzimy jako link (anchor text)</a href>

    Tytuł linka nie może być taki sam jak anchor text, dodatkowo powinien być krótki i zwięzły.

  • Strony, które mają adres odpowiadający zawartości, np. "http://www.stronaglowna.pl/tytul-podstrony.html/" jest o wiele lepiej odbierany przez użytkowników niż adres typu: "http://www.stronaglowna.pl/0-1.html/". Adres pierwszego typu (inaczej nazywany przyjaznym linkiem) mówi o wiele więcej o zawartości strony, niż abstrakcyjne liczby. Przyjazne linki pozytywnie wpływają także na pozycjonowanie strony.

Więcej o zasadach tworzenia użytecznych stron www znajdziesz w książkach:

Zwiększ szybkość - okładka

"Zwiększ szybkość! Optymalizacja serwisów internetowych" - dowiesz się, jak skrócić o połowę czas wczytywania strony.

Przyjazne witryny www - okładka

"Przyjazne witryny www" - znajdziesz tu informacje, dzięki którym tworzona przez Ciebie witryna WWW będzie czytelna i łatwa w nawigacji.

Nie każ mi myśleć - okładka

"Nie każ mi myśleć! O życiowym podejściu do funkcjonalności stron internetowych". Dowiedz się, jak stworzyć użyteczną stronę internetową.

Komentarze

Dodaj nowy komentarz

Zawartość pola nie będzie udostępniana publicznie.
  • Znaki końca linii i akapitu dodawane są automatycznie.
  • Dozwolone znaczniki HTML: <a> <address> <blockquote> <br> <cite> <code> <dd> <div> <dl> <dt> <em> <h2> <h3> <h4> <hr> <i> <img> <li> <ol> <p> <pre> <span> <strike> <strong> <sub> <sup> <ul>
    Allowed Style properties: border, border-bottom, border-bottom-color, border-bottom-style, border-bottom-width, border-color, border-left, border-left-color, border-left-style, border-left-width, border-right, border-right-color, border-right-style, border-right-width, border-style, border-top, border-top-color, border-top-style, border-top-width, border-width, margin, margin-bottom, margin-left, margin-right, margin-top, padding, padding-bottom, padding-left, padding-right, padding-top, text-align, text-decoration

Więcej informacji na temat formatowania

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Image CAPTCHA
Enter the characters shown in the image.