![\"Robot](\"https:\/\/sii.pl\/blog\/wp-content\/uploads\/2023\/07\/Robots-Software-Development-279x300-1.jpg\")
<\/a><\/figure>\n<\/div>\n\n\n\nTo program, kt\u00f3ry odwiedza wszelkie dost\u0119pne strony internetowe. Jak to robi? Zbiera i magazynuje linki by m\u00f3c odwiedzi\u0107 je w dalszej podr\u00f3\u017cy. W ten spos\u00f3b odwiedza miliony stron i indeksuje ich zawarto\u015b\u0107. Ze wzgl\u0119du na skal\u0119 informacji, kt\u00f3re stara si\u0119 przetworzy\u0107, z ka\u017cdej strony odczytuje tylko porcje, kt\u00f3re p\u00f3\u017aniej poddawane s\u0105 analizie. Naszym zadaniem jest zwr\u00f3cenie jego uwagi na to co wa\u017cne dla nas.<\/p>\n<\/div>\n<\/div>\n\n\n\n
Sprawdzanie poprawno\u015bci kodu?<\/strong><\/h2>\n\n\n\nNa wst\u0119pie wypunktowywania rzeczy do poprawy musimy sprawdzi\u0107 og\u00f3ln\u0105 jako\u015b\u0107 kodu. Najpro\u015bciej u\u017cy\u0107 do tego celu walidatora W3C<\/a>. Ten test pozwoli zidentyfikowa\u0107 i poprawi\u0107 kod, kt\u00f3ry powinien w formie walidowalnej wyj\u015b\u0107 spod klawiatury developer\u00f3w. Za\u0142\u00f3\u017cmy jednak, \u017ce nasz kod od razu spe\u0142nia kryteria danego standardu dokumentu (np. html5).<\/p>\n\n\n\nPodstawowe elementy strony?<\/strong><\/h2>\n\n\n\nNiezb\u0119dnymi elementami strony, bez kt\u00f3rych nie mo\u017cna w zasadzie m\u00f3wi\u0107 o pozycjonowaniu, to tagi title<\/em>, description<\/em> oraz nag\u0142\u00f3wki od h1 do h6. Ka\u017cdy z tych element\u00f3w powinien wyst\u0105pi\u0107 na ka\u017cdej podstronie naszego serwisu. W przypadku nag\u0142\u00f3wk\u00f3w, na ka\u017cdej stronie powinni\u015bmy umie\u015bci\u0107 co najmniej jeden nag\u0142\u00f3wek pierwszego stopnia, je\u017celi to mo\u017cliwe i sensowne wzgl\u0119dem tre\u015bci, r\u00f3wnie\u017c kilka nag\u0142\u00f3wk\u00f3w stopni wy\u017cszych.<\/p>\n\n\n\n![\"Nauka](\"https:\/\/sii.pl\/blog\/wp-content\/uploads\/2015\/12\/HTML-Software-Development-300x226.jpg\")
<\/a><\/figure>\n\n\n\nTitle – Tytu\u0142 strony<\/strong><\/h3>\n\n\n\nBardzo wa\u017cny z punktu widzenia SEO, poniewa\u017c pojawia si\u0119 jako pierwsza wyt\u0142uszczona informacja w wynikach wyszukiwania. Nie powinien by\u0107 d\u0142u\u017cszy ni\u017c 70 znak\u00f3w, powinien w kr\u00f3tki spos\u00f3b mo\u017cliwie najlepiej opisywa\u0107 zawarto\u015b\u0107 podstrony. Warto zawrze\u0107 w nim jakie\u015b s\u0142owo kluczowe, pod warunkiem, \u017ce odnosi si\u0119 do tre\u015bci. Musi by\u0107 unikalny w skali ca\u0142ego serwisu.<\/p>\n\n\n\n
Description \u2013 Opis strony<\/strong><\/h3>\n\n\n\nTo druga, wa\u017cna informacja, pojawiaj\u0105ca si\u0119 z regu\u0142y zaraz pod tytu\u0142em w wynikach wyszukiwania. Celowo u\u017cy\u0142em tu zwrotu „z regu\u0142y” poniewa\u017c, je\u017celi algorytm wykryje, \u017ce pakujemy do opisu np. same s\u0142owa kluczowe zast\u0105pi go w wynikach w\u0142asnym opisem wygenerowanym z tre\u015bci strony (najcz\u0119\u015bciej jej fragmentem). Sam opis powinien by\u0107 nied\u0142u\u017cszy ni\u017c 160 znak\u00f3w i rozszerza\u0107 tytu\u0142 strony, oczywi\u015bcie w odniesieniu do tre\u015bci ca\u0142ego dokumentu.<\/p>\n\n\n\n
H1-H6 \u2013 Nag\u0142\u00f3wki<\/strong><\/h3>\n\n\n\nWszystkie tre\u015bci umieszczane na stronach powinny by\u0107 pisane przyja\u017anie dla u\u017cytkownika, na wz\u00f3r artyku\u0142u w gazecie. W zwi\u0105zku z tym u\u017cycie zar\u00f3wno nag\u0142\u00f3wk\u00f3w jak i wyt\u0142uszcze\u0144 tekstu jest wskazane. Pozwala te\u017c zwr\u00f3ci\u0107 uwag\u0119 robota na to, jak logicznie dzielimy dokument i nada\u0107 has\u0142om z nag\u0142\u00f3wka wi\u0119ksz\u0105 moc przy wyszukiwaniu.<\/p>\n\n\n\n
Podstawy mamy ju\u017c za sob\u0105 co dalej?<\/strong><\/h2>\n\n\n\nKolejny zestaw znacznik\u00f3w to atrybuty 'title’ dla link\u00f3w oraz atrybuty 'alt’ dla obraz\u00f3w umieszczanych w tek\u015bcie. W przypadku tych pierwszych sprawa jest prosta, 'title’, dla linku mo\u017ce by\u0107 tytu\u0142em, kt\u00f3ry wyst\u0105pi na stronie, na kt\u00f3r\u0105 wskazuje link. W przypadku atrybutu 'alt’ powinien znale\u017a\u0107 si\u0119 w nim opis tego, co przedstawia zdj\u0119cie, nie przesadza\u0142bym jednak z ilo\u015bci\u0105 znak\u00f3w, 100 to maksymalna liczba. W przypadku standardu html5 dobrze jest wykorystywa\u0107 nowe tagi udost\u0119pniane przez standard np. section czy article.<\/p>\n\n\n\n
Czy na tym koniec?<\/strong><\/h2>\n\n\n\nTo by\u0142oby zbyt pi\u0119kne \ud83d\ude42 Poza wspomnianymi znacznikami mo\u017cemy u\u017cy\u0107 jeszcze kilku sztuczek. Mowa tu o oznaczaniu tre\u015bci o wiele dok\u0142adniej, czyli mikroformatach, o kt\u00f3rych poczytacie w kolejnym artykule.<\/p>\n\n\n
Podstawowe elementy strony?<\/strong><\/h2>\n\n\n\nNiezb\u0119dnymi elementami strony, bez kt\u00f3rych nie mo\u017cna w zasadzie m\u00f3wi\u0107 o pozycjonowaniu, to tagi title<\/em>, description<\/em> oraz nag\u0142\u00f3wki od h1 do h6. Ka\u017cdy z tych element\u00f3w powinien wyst\u0105pi\u0107 na ka\u017cdej podstronie naszego serwisu. W przypadku nag\u0142\u00f3wk\u00f3w, na ka\u017cdej stronie powinni\u015bmy umie\u015bci\u0107 co najmniej jeden nag\u0142\u00f3wek pierwszego stopnia, je\u017celi to mo\u017cliwe i sensowne wzgl\u0119dem tre\u015bci, r\u00f3wnie\u017c kilka nag\u0142\u00f3wk\u00f3w stopni wy\u017cszych.<\/p>\n\n\n\n<\/a><\/figure>\n\n\n\nTitle – Tytu\u0142 strony<\/strong><\/h3>\n\n\n\nBardzo wa\u017cny z punktu widzenia SEO, poniewa\u017c pojawia si\u0119 jako pierwsza wyt\u0142uszczona informacja w wynikach wyszukiwania. Nie powinien by\u0107 d\u0142u\u017cszy ni\u017c 70 znak\u00f3w, powinien w kr\u00f3tki spos\u00f3b mo\u017cliwie najlepiej opisywa\u0107 zawarto\u015b\u0107 podstrony. Warto zawrze\u0107 w nim jakie\u015b s\u0142owo kluczowe, pod warunkiem, \u017ce odnosi si\u0119 do tre\u015bci. Musi by\u0107 unikalny w skali ca\u0142ego serwisu.<\/p>\n\n\n\n
Description \u2013 Opis strony<\/strong><\/h3>\n\n\n\nTo druga, wa\u017cna informacja, pojawiaj\u0105ca si\u0119 z regu\u0142y zaraz pod tytu\u0142em w wynikach wyszukiwania. Celowo u\u017cy\u0142em tu zwrotu „z regu\u0142y” poniewa\u017c, je\u017celi algorytm wykryje, \u017ce pakujemy do opisu np. same s\u0142owa kluczowe zast\u0105pi go w wynikach w\u0142asnym opisem wygenerowanym z tre\u015bci strony (najcz\u0119\u015bciej jej fragmentem). Sam opis powinien by\u0107 nied\u0142u\u017cszy ni\u017c 160 znak\u00f3w i rozszerza\u0107 tytu\u0142 strony, oczywi\u015bcie w odniesieniu do tre\u015bci ca\u0142ego dokumentu.<\/p>\n\n\n\n
H1-H6 \u2013 Nag\u0142\u00f3wki<\/strong><\/h3>\n\n\n\nWszystkie tre\u015bci umieszczane na stronach powinny by\u0107 pisane przyja\u017anie dla u\u017cytkownika, na wz\u00f3r artyku\u0142u w gazecie. W zwi\u0105zku z tym u\u017cycie zar\u00f3wno nag\u0142\u00f3wk\u00f3w jak i wyt\u0142uszcze\u0144 tekstu jest wskazane. Pozwala te\u017c zwr\u00f3ci\u0107 uwag\u0119 robota na to, jak logicznie dzielimy dokument i nada\u0107 has\u0142om z nag\u0142\u00f3wka wi\u0119ksz\u0105 moc przy wyszukiwaniu.<\/p>\n\n\n\n
Podstawy mamy ju\u017c za sob\u0105 co dalej?<\/strong><\/h2>\n\n\n\nKolejny zestaw znacznik\u00f3w to atrybuty 'title’ dla link\u00f3w oraz atrybuty 'alt’ dla obraz\u00f3w umieszczanych w tek\u015bcie. W przypadku tych pierwszych sprawa jest prosta, 'title’, dla linku mo\u017ce by\u0107 tytu\u0142em, kt\u00f3ry wyst\u0105pi na stronie, na kt\u00f3r\u0105 wskazuje link. W przypadku atrybutu 'alt’ powinien znale\u017a\u0107 si\u0119 w nim opis tego, co przedstawia zdj\u0119cie, nie przesadza\u0142bym jednak z ilo\u015bci\u0105 znak\u00f3w, 100 to maksymalna liczba. W przypadku standardu html5 dobrze jest wykorystywa\u0107 nowe tagi udost\u0119pniane przez standard np. section czy article.<\/p>\n\n\n\n
Czy na tym koniec?<\/strong><\/h2>\n\n\n\nTo by\u0142oby zbyt pi\u0119kne \ud83d\ude42 Poza wspomnianymi znacznikami mo\u017cemy u\u017cy\u0107 jeszcze kilku sztuczek. Mowa tu o oznaczaniu tre\u015bci o wiele dok\u0142adniej, czyli mikroformatach, o kt\u00f3rych poczytacie w kolejnym artykule.<\/p>\n\n\n
<\/a><\/figure>\n\n\n\nTitle – Tytu\u0142 strony<\/strong><\/h3>\n\n\n\nBardzo wa\u017cny z punktu widzenia SEO, poniewa\u017c pojawia si\u0119 jako pierwsza wyt\u0142uszczona informacja w wynikach wyszukiwania. Nie powinien by\u0107 d\u0142u\u017cszy ni\u017c 70 znak\u00f3w, powinien w kr\u00f3tki spos\u00f3b mo\u017cliwie najlepiej opisywa\u0107 zawarto\u015b\u0107 podstrony. Warto zawrze\u0107 w nim jakie\u015b s\u0142owo kluczowe, pod warunkiem, \u017ce odnosi si\u0119 do tre\u015bci. Musi by\u0107 unikalny w skali ca\u0142ego serwisu.<\/p>\n\n\n\n
Description \u2013 Opis strony<\/strong><\/h3>\n\n\n\nTo druga, wa\u017cna informacja, pojawiaj\u0105ca si\u0119 z regu\u0142y zaraz pod tytu\u0142em w wynikach wyszukiwania. Celowo u\u017cy\u0142em tu zwrotu „z regu\u0142y” poniewa\u017c, je\u017celi algorytm wykryje, \u017ce pakujemy do opisu np. same s\u0142owa kluczowe zast\u0105pi go w wynikach w\u0142asnym opisem wygenerowanym z tre\u015bci strony (najcz\u0119\u015bciej jej fragmentem). Sam opis powinien by\u0107 nied\u0142u\u017cszy ni\u017c 160 znak\u00f3w i rozszerza\u0107 tytu\u0142 strony, oczywi\u015bcie w odniesieniu do tre\u015bci ca\u0142ego dokumentu.<\/p>\n\n\n\n
H1-H6 \u2013 Nag\u0142\u00f3wki<\/strong><\/h3>\n\n\n\nWszystkie tre\u015bci umieszczane na stronach powinny by\u0107 pisane przyja\u017anie dla u\u017cytkownika, na wz\u00f3r artyku\u0142u w gazecie. W zwi\u0105zku z tym u\u017cycie zar\u00f3wno nag\u0142\u00f3wk\u00f3w jak i wyt\u0142uszcze\u0144 tekstu jest wskazane. Pozwala te\u017c zwr\u00f3ci\u0107 uwag\u0119 robota na to, jak logicznie dzielimy dokument i nada\u0107 has\u0142om z nag\u0142\u00f3wka wi\u0119ksz\u0105 moc przy wyszukiwaniu.<\/p>\n\n\n\n
Podstawy mamy ju\u017c za sob\u0105 co dalej?<\/strong><\/h2>\n\n\n\nKolejny zestaw znacznik\u00f3w to atrybuty 'title’ dla link\u00f3w oraz atrybuty 'alt’ dla obraz\u00f3w umieszczanych w tek\u015bcie. W przypadku tych pierwszych sprawa jest prosta, 'title’, dla linku mo\u017ce by\u0107 tytu\u0142em, kt\u00f3ry wyst\u0105pi na stronie, na kt\u00f3r\u0105 wskazuje link. W przypadku atrybutu 'alt’ powinien znale\u017a\u0107 si\u0119 w nim opis tego, co przedstawia zdj\u0119cie, nie przesadza\u0142bym jednak z ilo\u015bci\u0105 znak\u00f3w, 100 to maksymalna liczba. W przypadku standardu html5 dobrze jest wykorystywa\u0107 nowe tagi udost\u0119pniane przez standard np. section czy article.<\/p>\n\n\n\n
Czy na tym koniec?<\/strong><\/h2>\n\n\n\nTo by\u0142oby zbyt pi\u0119kne \ud83d\ude42 Poza wspomnianymi znacznikami mo\u017cemy u\u017cy\u0107 jeszcze kilku sztuczek. Mowa tu o oznaczaniu tre\u015bci o wiele dok\u0142adniej, czyli mikroformatach, o kt\u00f3rych poczytacie w kolejnym artykule.<\/p>\n\n\n
To druga, wa\u017cna informacja, pojawiaj\u0105ca si\u0119 z regu\u0142y zaraz pod tytu\u0142em w wynikach wyszukiwania. Celowo u\u017cy\u0142em tu zwrotu „z regu\u0142y” poniewa\u017c, je\u017celi algorytm wykryje, \u017ce pakujemy do opisu np. same s\u0142owa kluczowe zast\u0105pi go w wynikach w\u0142asnym opisem wygenerowanym z tre\u015bci strony (najcz\u0119\u015bciej jej fragmentem). Sam opis powinien by\u0107 nied\u0142u\u017cszy ni\u017c 160 znak\u00f3w i rozszerza\u0107 tytu\u0142 strony, oczywi\u015bcie w odniesieniu do tre\u015bci ca\u0142ego dokumentu.<\/p>\n\n\n\n
H1-H6 \u2013 Nag\u0142\u00f3wki<\/strong><\/h3>\n\n\n\nWszystkie tre\u015bci umieszczane na stronach powinny by\u0107 pisane przyja\u017anie dla u\u017cytkownika, na wz\u00f3r artyku\u0142u w gazecie. W zwi\u0105zku z tym u\u017cycie zar\u00f3wno nag\u0142\u00f3wk\u00f3w jak i wyt\u0142uszcze\u0144 tekstu jest wskazane. Pozwala te\u017c zwr\u00f3ci\u0107 uwag\u0119 robota na to, jak logicznie dzielimy dokument i nada\u0107 has\u0142om z nag\u0142\u00f3wka wi\u0119ksz\u0105 moc przy wyszukiwaniu.<\/p>\n\n\n\n
Podstawy mamy ju\u017c za sob\u0105 co dalej?<\/strong><\/h2>\n\n\n\nKolejny zestaw znacznik\u00f3w to atrybuty 'title’ dla link\u00f3w oraz atrybuty 'alt’ dla obraz\u00f3w umieszczanych w tek\u015bcie. W przypadku tych pierwszych sprawa jest prosta, 'title’, dla linku mo\u017ce by\u0107 tytu\u0142em, kt\u00f3ry wyst\u0105pi na stronie, na kt\u00f3r\u0105 wskazuje link. W przypadku atrybutu 'alt’ powinien znale\u017a\u0107 si\u0119 w nim opis tego, co przedstawia zdj\u0119cie, nie przesadza\u0142bym jednak z ilo\u015bci\u0105 znak\u00f3w, 100 to maksymalna liczba. W przypadku standardu html5 dobrze jest wykorystywa\u0107 nowe tagi udost\u0119pniane przez standard np. section czy article.<\/p>\n\n\n\n
Czy na tym koniec?<\/strong><\/h2>\n\n\n\nTo by\u0142oby zbyt pi\u0119kne \ud83d\ude42 Poza wspomnianymi znacznikami mo\u017cemy u\u017cy\u0107 jeszcze kilku sztuczek. Mowa tu o oznaczaniu tre\u015bci o wiele dok\u0142adniej, czyli mikroformatach, o kt\u00f3rych poczytacie w kolejnym artykule.<\/p>\n\n\n
Kolejny zestaw znacznik\u00f3w to atrybuty 'title’ dla link\u00f3w oraz atrybuty 'alt’ dla obraz\u00f3w umieszczanych w tek\u015bcie. W przypadku tych pierwszych sprawa jest prosta, 'title’, dla linku mo\u017ce by\u0107 tytu\u0142em, kt\u00f3ry wyst\u0105pi na stronie, na kt\u00f3r\u0105 wskazuje link. W przypadku atrybutu 'alt’ powinien znale\u017a\u0107 si\u0119 w nim opis tego, co przedstawia zdj\u0119cie, nie przesadza\u0142bym jednak z ilo\u015bci\u0105 znak\u00f3w, 100 to maksymalna liczba. W przypadku standardu html5 dobrze jest wykorystywa\u0107 nowe tagi udost\u0119pniane przez standard np. section czy article.<\/p>\n\n\n\n