Kiedyś znalazłem czy też otrzymałem od kogoś dokument z podstawowymi wytycznymi związanymi z budową serwisu. Wytyczne te bardzo często wysyłam programistom oraz webmasterom przygotowującym serwisy klientów – najczęściej na etapie końcowym co powoduje, że wiele rzeczy muszą oni zmienić. Poniżej te wytyczne – mam nadzieję, że będą przydatne. Dla wielu są one oczywiste ale z mojego doświadczenia i korespondencji wynika, że nie zawsze tak jest,
1. Mod Rewrite ? przyjazne linki
1.1 Linki powinny być zwięzłe i zawierać w miarę możliwości frazy kluczowe.
1.2 Powinno być możliwe mało parametrów.
1.3 Z adresów php-owych powinny być przekierowania 301 na adresy z rewritem
1.4 W serwisie , o ile to możliwe ? nie powinny istnieć inne linki „brzydkie”
2. Czas ładowania strony
2.1 W narzędziach dla webmastera jest zakładka dotycząca czasu ładowania strony która pokazuje historę ładowania. Strona powinna ładować się ponieżej 1,5sekundy.
2.2 Narzędzie do mierzenia czasu ładowania strony googla ? to page speed ( można ściągnąć jako wtyczkę do FF ? dostępne tutaj : http://code.google.com/speed/page-speed/
2.3 W page speed ? uzyskany wynik powinien być powyżej 90 pkt. Wynik poniżej 80 to kiepski rezultat.
2.4 Aby poprawić szybkość po stronie kodu
a) Optymalizacja CSS-a
- odpowiednie miejsce w kodzie strony w znacznikuprzed znacznikiem. Nie wrzucać parametrów css-a dynamicznie w kodzie strony ( nie używać atrybutu style)
- minimalizacja np poprzez : http://tools.w3clubs.com/cssmin/
- nie rozbijać na zbyt wiele małych plików CSS a najlepiej jakby cały CSS był w jednym pliku
- używać znacznika link zamiast import
- zminimalizować CSS-a.
Podsumowując, CSS ma być na końcu , zminimalizowany w jednym pliku wstawionym przez znacznik b) b).
b). Optymalizacja JS
- umiejscowienie JS ? przed końcem
- sposób ładowania przez google js api (google.com/jsapi na końcu body w kodzie strony) ? ściaganie z cdnów (serwery udostępniające biblioteki )
- używanie specjalnej funkcji Jsowej do includowania skryptór js
c) Użycie dyrektyw kontroli cache w htaccessie podczas tworzenia strony
- Należy dobrać tak parametry cachowania ? żeby elementy statyczne miały długi czas cachowania, natomiast elementy bardziej dynamiczne taki czas krótszy ( np elementy layoutu mogą mieć dług czas , a generowana treść strony powinna być praktycznie dynamiczna.)
d) Kompresja przesyłania treści między serwerem i przeglądarką- dyrektywy w htaccess .
- setoutputfilter – włącznie kompresji mod_gzip lub mod_deflate zależnie od wersji apacha
- browsermatch ( 3 razy) ustawienie workaround na stare przeglądarki ( które mogą sobie nie poradzić z kompresowanymi danymi
- setenvifnocase wyłączenie kompresji dla obrazków
e) Asynchroniczne ładowanie wtyczek JS ? przykładem możę być google analitics.
f) Optymalizacja elementów graficznych ? np poprzez smushit http://www.smushit.com/ysmush.it/
g) Wyłączenie etagów( entiti tag ? znacznk encji ) albo przemyślane jego stosowanie.
2.5 Wybranie odpowiedniego hostingu ? z odpowiednim czasem odpowiedzi, odpowiednią przepustowością i odpowiednim uptimem. Uptime , ping , przepustowość i reputacja hostingu w internecie.
3. Meta tagi, nagłówki oraz treść strony :
3.1 Przykład
Optymalizacja treści strony jest indywidualna dla każdej podstrony ? i powinna być robiona według niżej określonych zasad. Podstawą jest wybranie frazy kluczowej na jaką chcemy aby nasza podstrona występowała w wynikach wyszukiwania ? ta fraza nazywa się anchorem.
Anchor : Pozycjonowanie Polska Adres Strony(URL) : Title : Pozycjonowanie Polska Description: Pozycjonowanie polska. Firma X oferuje pozycjonowanie i optymalizację strony. Profesjonalizm i skuteczność - to cechy które wyróżniają nas na rynku oferującym pozycjonowanie w Polsce Keywords: Pozycjonowanie, pozycjonowanie polska, optymalizacja, Pozycjonowanie stron Nagłówek: Pozycjonowanie Polska i świat Treść : pozycjonowanie, pozycjonujemy, pozycjonowana, pozycjonowania, Polsce, polski, pozycjonowania w Polsce,
3.2 Zasady
a) mod rewrite – przyjazne url-e najlepiej tak , aby cały anchor (słowo kluczowe, fraza kluczowa dla danej podstrony) było w urlu.
b) Tagi
- title strony – powinno zawierać tylko anchor albo ewentualnie anchor + nazwa firmy czyli przykładowo title : Pozycjonowanie Polska. Co ważne – anchor musi być NA POCZĄTKU titla. Robienie tytułu większego niż 6 słów – jest bezsensu.
- description : musi zawierać anchor w całości ( czyli w tym przypadku musi zawierać fraze ” Pozycjonowanie Polska” ) gdzieś na samym początku. Dobrze jest ,aby drugi raz wystąpił anchor w description – ale w formie słów składowych oddzielnie, albo w innych odmianach – google rozumuje już polskie końcówki , zatem przykładowe desc może być : ? Pozycjonowanie polska. Firma X oferuje pozycjonowanie i optymalizację strony. Profesjonalizm i skuteczność – to cechy które wyróżniają nas na rynku oferującym pozycjonowanie w Polsce.” Description nie powinno być za długie ? około 15-20 słów jest dobrze
- keywords ? Ma zawierać anchor oraz może zawierać słowa składowe anchora – góra 6 fraz, czyli tutaj: ?Pozycjonowanie, pozycjonowanie polska, optymalizacja, Pozycjonowanie stron?
- częstym błędem jaki występuje ? to powielanie się meta tagów ? z różnych powodów zdarza się tak ? że mamy np dwukrotnie ustawione metatag „title” dla tej samej podstrony ? należy tego pilnować i skorygować jeśli ewentualnie taki błąd się pojawi.
c) Treść strony
- możliwe jak najwyżej w kodzie ? powinien być nagłówek najwyższego rzędu (największy możliwy to H1 ) jaki występuje na stronie a w tym nagłówku koniecznie słowo kluczowe. Najlepiej samo (choć nie zawsze z uwagi na estetykę się tak da) ? ale ważne, żeby było w dokładnym brzmieniu ? tak jak brzmi anchor dla tej podstrony? u nas jest to ? Pozycjonowanie Polska i świat?
- Jeżeli do wyglądu strony nagłówek H1 jest za duży ? to możemy zastosować H2 albo nawet H3. Ważne jest ? aby tego nagłówka NIE zmniejszać za pomocą CSS-a ( czyli, żeby nie było tak ? że nagłówek H1 ma wielkość 8 px ) w takim przypadku ? należ zastosować nagłówek H2 lub H3
- Na jednej podstronie powinien występować TYLKO jeden nagłówek najwyższego rzędu.
- W treści strony powinna w miarę możliwości przewijać się fraza kluczowa. Dobrze by było ? jakby przynajmniej jeden raz wystąpiła ona w całości dokładnie w takiej formie w jakiej jest Anchor. Mogą to także być odmiany całej frazy, mogą to być odmiany poszczególnych słów składowych frazy kluczowej ? ważne aby się to w treści strony wielokrotnie przewijało. W naszym przypadku występują frazy: pozycjonowanie, pozycjonujemy, pozycjonowana, pozycjonowania, Polsce, polski, pozycjonowania w Polsce.
4. Duplikaty podstron i strony w całości
4.1 Duplikaty wewnętrzne
a) Należy bardzo zdecydowanie unikać wszelkiego rodzaju duplikatów podstron w ramach serwisu. Najczęściej takie duplikaty pojawiają się poprzez źle przygotowany CMS albo sklep na którym postawiona jest strona. Duplikat wewnętrzny jest skrajnie niekorzystną sytuacją ? która bardzo drastycznie obniża ranking strony.
b) Pierwszy najczęściej spotykany duplikat to w przypadku sklepu : sytuacja taka , w której adresy produktów mają postać : www.strona.pl/kategoria/produkt1.html ? bo bardzo często jest druga kategoria w której ten sam produkt się znajduje i mamy adres : www.strona.pl/kategoria2/produkt1.html. W tym momencie do tej samej podstrony jednego produktu prowadzą dwa różne linki ? jeden w nich zostanie wyindeksowany przez googla ? a ranking całej strony zostanie obniżony. Występowanie powszechnie takich duplikatów na stronie ? bardzo utrudnia pozycjonowanie ? czyniąć je czasami wręcz niemożliwe. Dla sklepu ? rozwiązaniem takiego probelmu jest stosowanie adresów typu : strona.pl/produkt1.html ? co znacznie ogranicza możliwość występowania duplikatów strony.
c) Druga sytuacja ? to taka, gdy strona główna jest dostępna zarówno pod adresem strona.pl oraz strona.pl/index.php ? to kolejny częsty błąd prowadzący do duplikaty
d) Trzecia sytuacja ? to brak przekierowania z adresu „bez www” na adres z „www” i współdziałania zarówno adresu strona.pl jak i www.strona.pl
e) Czwarta sytuacja ? to wszelkiego rodzaju sortowania produktów, wersje językowe, różne waluty w jakich są ceny ? i masowe występowanie podstron typu : strona.pl/hl?=pl oraz strona.pl/hl?=cz oraz czystego adresu strona.pl ( który też jest po polsku ? i jest dokładną kopią tego pierwszego adresy strona.pl/hl?-pl ). Analogicznie ma miejsce z walutami oraz z sortowaniem ? gdzie po adresie dopisywany jest parametr sortowania ? a zawartość strony się zupełnie nie zmienia. Jest to jeden z groźniejszych duplikatów ? prowadzących do długotrwałych filtrów i zastojów w pozycjonowaniu. W takich przypadkach, dla wszelkiego typu sortowań, języków czy walut ? należy bezwzględnie zastosować jedno z poniższych rozwiązań ? tak aby
- sortowanie walutowanie itp odbywało się w ajaksie albo Js ? tak żeby nie były tworzone i widoczne dla googla żadne nowe adresy
- sortowanie walutowanie itp otrzymywało zawsze atrybuty noindex nofollow.
- Sortowanie walutowanie itp ? następowało pod znaku „#” – czyli żeby adres podstawowy był typu : strona.pl , natomiast adres innego języka czy waluty miał postać strona.pl/#hl?=pl. Znak „#” sprawia ? że google nie widzi dalszej części urla za tym znakiem.
- Sortowanie walutowanie itp ? powinno być robione z uwzględnieniem zasad dla atrybuty rel=canonical.
- Dodatkowo można zainteresować się rel=”prev” / rel=”next”
f) Piąta sytuacja ? to problem w przypadku przenoszenia nowszej wersji strony ? do podkatalogów ? np tak : strona.pl/nowa/ i strona.pl/najnowsza/ Bo prawie zawsze zapomnie się o jakimś jednym linku prowadzącym do starszej czy też nowszej wersji strony ? i powstają wewnętrzne duplikaty. W przypadku robienia nowszej wersji strony ? należy szczególnie pamiętać właśnie o tym ? aby nigdzie nie były widoczne pozostałości po starej witrynie
g) Szósta sytuacja ? dotyczy także wersji językowej ? jest dość częstym błędem różnych cms-ów, że wersje językowe znajdują się w katalogach ? i mamy wtedy do czynienia z adresami typu : strona po polsku : strona.pl , strona po czesku jest w katalogu strona.pl/cz/ ale i strona po polski jest w katalogu strona.pl/pl/ i zależnie od tego jak będziemy się poruszać po linkach ? to możemy dotrzeć do współistniejących adresów typu : strona.pl/podstrona1.html oraz strona.pl/pl/podstrona1.html to takżę karygodny błąd mający dalekoidące skutki
h) siódma sytuacja ? to stosowanie mod rewrita i zapomnienie o przekierowania z adresów „brzydkich” na przyjazne ? wtedy współistnieją podstrony w postaci :strona.pl/produkt1.html oraz strona.pl/index.php?id=1.
i) Powyżej opisane są najczęstrze problemy ? natomiast każdy skrypt sklepu cms-u czy też własnie nieprzemyślane działanie może doprowadzić do powstania duplikatów ? które trzeba odszukać i koniecznie usunać
4.2 Duplikaty zewnętrzne
a) Jeszcze groźniejszymi ? są duplikaty zewnętrzne. Sytuacje w której posiadamy 2 lub więcej kopii tej samej strony ? są niedopuszczalne ? nie da się pozycjonować zduplikowanej strony. Należy zatem usunąć wszelkie kopie strony i zrobić przekierowania 301 z tych adresów na główny adres który chcemy pozycjonować.
b) Duplikaty takie ? powstają bardzo często na etapie deweloperskim ? gdzie strona jest dostępna pod jakimś tymczasowym adresem ? należy pamiętać, aby taka strona deweloperska miala atrybut noindex ? a najlepiej by było , jakby była dostępna wyłącznie pod hasłem, i po zakończeniu prac ? została usunięta z kopii testowej.
c) Aby strona przeszkadzała w pozycjonowaniu ? nie musi wcale być dokładnym duplikatem ? wystarczy, że jest stroną podobną i taką ? która traktuje o podobnych aspektach co strona główna. Także taka strona możę znacząco utrudniać pozycjonowanie. Potrzebujemy zatem mieć zawsze ? pełną listę wszystkich domen które posiada klient ? aby móc ocenić które z nich i jakie mogą mieć konsekwencje.
5. Linkowanie
5.1 Do każdej podstrony w serwisie musi prowadzić link, najlepiej w postaci tekstowej , ewentualnie w postaci graficznej. Taki link powinien mieć odpowiedni Anchor ( alt tekst w przypadku obrazków ) zbieżny z tytułem strony do której prowadzi. Wszelkie linki w js czy ajaxie ? należy traktować jako wyłączna wygoda dla użytkowników ? każdy z tych linków musi być zduplikowany w formie tekstowej. Wszelkiego rodzaju menu, czy drzewa kategorii zapisane w js ? muszą mieć swój odpowiednik teksty ( np w stopce ? albo gdzieś indzien na stronie )
5.2 Linki do główny kategorii ( główny podstron ) które to kategorie lub podstrony są pozycjonowane na inne frazy ? powinno być umieszczone w nagłówku ( h2, h3 , h4 ) poziom nagłówka jest zależny od najwyższego nagłówka jaki występuje na stronie ? i powinien to być poziom o jeden niższy. Czyli jeśli na stronie mamy główny nagłówek H1, to linki do kategorii powinny być w H2.
5.3 Logo firmowe na stronie ? powinno być linkiem graficznym do strony głównej , z altem odpowiednim tytułowi strony głównej
5.4 Z każdej podstrony powinno wychodzić możliwe jak najmniej linków do witryn zewnętrznych.
5.5 Z każdej podstrony powinno wychodzić maksymalnie 100 linków wenętrznych w głąb serwisu. Ta liczba raczej nie powinna być przekraczana.
a) Typową sytuacją w której mamy do czynienia ze zbyt dużą liczbą linków wewnętrznych ? to sklep , w którym całe drzewo kategorii jest dostępne na każdej podstronie ? w każdej podkategori , przy każdym produkcie. Samo takie drzewo najczęściej przekracza już limit 100 linków z podstrony. Należy rozsądnie gospodarować linkami ? i jeśli jesteśy np w jakiejś kategori głównej ? to z drzewa powinn być widoczne tylko linki do podkategorii w tej kategorii głównej, oraz linki do innych kategorii głównych ( nie ma potrzeby aby były widoczne linki do podkategorii w innych kategoriach głównych)
b) Druga sytuacja ? to zbyt duża liczba produktów na jednej podstronie ? należy ją tak dobierać, aby nie przekraczać 100 linków z jednej podstrony ? a najlepiej nawet nie zbliżać się do takiej wartości.
c) Należy pamiętać ? że linki nofollow ? są wliczane do ogólnej liczby linków.
5.6 Tylko jeden link powinien prowadzić z danej strony do innej podstrony. Jeśli mamy strona.pl to z tej strony do podstrony strona.pl/kategoria1 może prowadzić tylko jeden link ! Jeśli zdarzy się tak ? że z jakiegoś powodu prowadzić muszą dwa linki ? to bezwzględnie należy pilnować tego, aby anchory obydwu tych linków były takie same.
5.7 Należy utworzyć mapę stronę ? zgodnie z zaleceniami Googla.
6. Budowa serwisu pod długi ogon
6.1 Hierarchiczne drzewo linkowania w głąb serwisu tak skonstruowane , aby do każdego „liścia” ( strony docelowej ) można było dojść maksymalnie w 3 , a najlepiej w dwóch kliknięciach od strony głównej. ( np strona gówna –>kategoria–> produkt )
6.2 Drzewo linkowania tak skonstruowane ? aby linkować tylko do potrzebnych podstron ? i aby linków na jednej stronie nie było zbyt wiele. Klasyczny błąd ? to wrzucenie sztywnego menu ? takiego samego na każdej podstronie ? i do samego menu prowadzi 100 lub więcej linków ? wtedy brakuje tych linków dla produktów.
6.3 Drugi standardowy błąd ? to wrzucenie linków do wszystkich producentów takżę na każdej podstronie ? co też na ogół wyczerpuje limit linków przypadających na stronę
6.4 Ze strony głównej ? przydatne linki bezpośrednio do 3 poziomu strony ( np do jakiejś podkategorii w jednej z kategorii głównych )
6.5 Anchor linku prowadzącego zarówno do kategorii, podkategorii jak produktów ma być w takiej postaci ? jak mogą go wyszkiwać ludzie w googlu. Przykładowo mamy produkt którym jest krzesło „ISO black” ? to anchor linku prowadzącego do tego produktu powinien brzemieć ” krzesło ISO black” ? błędem jest, jeśli taki anchor ma postać „ISO black ”
6.6 Dla docelowej podstrony produktu czy kategori ? ma być zastosowana zasada 6 razy TAK ? czyli fraza kluczowe (dla powyższego przykłądu ? w którym ta fraza to „krzesło ISO black” ) musi wystąpić w :
- Anchor linku jako „krzesło ISO black”
- Urlu ? jako strona.pl/krzeslo-iso-black.html
- Titlu podstrony jako „krzesło ISO black”
- Description podstrony jako „krzesło ISO black”
- W H1 na stronie jako „krzesło ISO black”
- Dalej w treści strony ? przydałoby się też w pełnej wersji jako „krzesło ISO black”
6.7 Obowiązkowo ma być zastosowana mapa strony.
7. Inne uwagi
7.1 Zastosowanie flash-a, Js ? na stronie powinno być z dużym umiarem. Mogą być dodatkiem ? ale nie mogą być większością strony
7.2 Tworzenie wszelkiego rodzaju intra ? znacznie utrudnia pozycjonowanie
7.3 linki w JS czy flashu ? należy traktować tak jakby ich z punktu widzenia googla nie bylo
7.4 Należy oszczędnie gospodarować przekierowaniami 301 wewnątrz stron ? powinno być ich możliwie jak najmniej.
7.5 Nie może istnieć podstrona strona.pl/index.php (lub podobna ) która jest duplicatem strony głównej.
7.6 Implementacja rich snippets (schema.org), opinii, gwiazdek etc.
7.7 Dobrze by było ? jakby strona przechodziła walidacje w3c dostępną tutaj : http://validator.w3.org/
7.8 Pozostałe wytyczne googla można zobaczyć tytaj : https://support.google.com/webmasters/answer/35769?hl=pl
Dodaj komentarz