MADE IN 3W - Interaktywna Biblia - Drupal, seo, pozycjonowanie

W globalnej sieci jest dostępnych całe mnóstwo ciekawych i darmowych czcionek. Dzięki regule @font-face, która jest obecnie standardem W3C możesz załączyć każdą czcionkę w formacie .ttf oraz .otf do swojej strony WWW. Niestety bólem w tym wszystkim jest fakt, że znakomita większość zagranicznych projektantów podarowała sobie stworzenie polskich znaków diaktrycznych, a co za tym idzie, większość lansowanych za granicą czcionek jest nieprzydatna. Dlatego też postanowiłem napisać tego posta, aby może z jednej strony zachęcić do tworzenia polskich czcionek, a z drugiej strony pokazać, że Polacy nie gęsi i swoje czcionki mają.

Niestety, ale administratorom pewnego portalu, z którego podlinkowałem obrazki czcionek nie spodobał się fakt, że linkuje do ich serwisu i podmienili je na takie zawierające treści wobec mnie oszczercze. Szkoda, bo na wyselekcjonowanie obrazków poświęciłem trochę czasu, ale kilka kB transferu dla mojego serwisu okazało się zbyt dużą ceną za darmową reklamę. Pech. 

Title - najważniejszy znacznik pod kontem optymizacji. Zostało dowiedzione, że jego wpływ na pozycję strony w wynikach wyszukiwania jest relatywnie wysoki. Title należy wstawić w sekcji nagłówka Head strony. Title jest wyświetalny na górnym pasku przeglądarki oraz na zakładkach w przeglądarce. Jego odpowiednie dobranie podnosi nie tylko pozycję, ale wpływa na liczbę wejść z wyszukiwarki a także usability. Maksymalnie w znaczniku title można zmieścić 70 znaków.

Meta Description to jedyny ze znaczników, który posiada jakiekolwiek znaczenie w wynikach wyszukiwania Google. Wiele wyszukiwarek, w tym Google używa tego tekstu jako opisu strony w wynikach wyszukiwania. Nie znaczenia pod kontem pozycjonowania, może mieć za to wpływ na wejścia z wyszukiwarki. Wyszukiwarka zaindelsuje tylko 155 znaków.

Meta Keywords - Znacznik, którego wpływ na pozycję w wynikach wyszukiwania był niegdyś bardzo wysoki. Wykorzystywali to ówcześni pozycjonerzy, którzy spamując Meta Keywords frazami typu sex, viagra, itp. wypływali na wysokie pozycje pod te frazy, mimo, iż content strony często był zupełnie inny. Obecnie jego wartość jest znikoma. Używa go tylko jedna znacząca wyszukiwarka. Mimo wszystko nadal warto go stosować, gdyż wśród katalogów rozpowszechnione jest pobieranie słów kluczowych z tego znacznika, co z kolei przyśpiesza indeksację wpisów.

Nagłówki - Bardzo ważna część optimizacji. Nagłówki podzielone są według istotności. Warto tak zbudować stronę, by występowały na niej trzy najmocniejsze nagłówki: h1, h2 i h3. Pozostałem trzy nagłówki, czyli h4, h5, h6 mają już znacznie mniejsze znaczenie i ich moc porównuje się do mocy pogrubionego tekstu.

Pogrubiony tekst oznacza, iż coś jest dla nas wyjątkowo ważne. Skoro tak, Google daje za to bardzo niewielką premię. Nie warto jednak pisać całego tekstu pogrubionego. Google nie jest tak głupie, nie da się na to nabrać. Do pogrubienia tekstu używa się znaczników B oraz STRONG (oba mają identyczną moc).

Domena oraz struktura URL mają bardzo duży wpływ na pozycję strony w wynikach wyszukiwania. Moc słowa kluczowego w domenie porównuje się z mocą Title oraz H1, czyli jest bardzo duża. W adresie strony należy unikać dziwnych znaków, takich jak #$&? itd. Mogę one wpłynąć na szybkość indeksacji strony lub nawet ją uniemożliwić.

Właściwość alt obrazka to jeden z mniej docenianych obecnie znaczników SEO. Tymczasem ma on duże znaczenie pod kontem optymizacji. Przypuszcza się, iż to właśnie na podstawie popwiązania pomiędzy img alt i samą stroną Google ustawia pozycję w wynikach wyszukiwania obrazków. Poza tym znacznik ten jest standardem W3C a jego pominięcia oznacza błąd walidacji!

rel="nofollow" - znacznik, który jeszcze do niedawna dawał webmasterom ogromną moc w kierowaniu przepływem strumienia PageRank. Link opatrzony tym znacznikiem oznaczał, iż Google ma go nie brać pod uwagę przy ustalaniu wartości PR. Obecnie algorytm ten uległ zmianie i jego stosowanie przynosi znacznie mniejszą korzyść. Jeśli nie chcemy komuś przekazywać mocy to po prostu nie linkujmy do niego. Jeśli już musimy, to decyzja czy wstawić nofollow powinna być przemyślana. Jeśli link dotyczy strony niekonkurencyjnej to znacznik nofollow można sobie darować.

O czym jeszcze należy pamiętać podczas optymizacji strony?

Kiedyś strony www.przyklad.pl i przyklad.pl były dwiema różnymi stronami. Obecnie tak nie jest, ale pewne wskazówki świadczą o tym, że Google nadal nie potrafi zliczać tych stron jako jednej strony i zamiast tego traktuje je jako dwie oddzielne. Lekarstwem na tę paranoję jest przekierowanie 301 np. z adresu bez www na adres z www. To, który jest lepszy jest przedmiotem dyskusyjnym i ciężko jest wydać jednoznaczny osąd.

Sitemap.xml to mapa strony dostarczona w języku semantycznym, który jest preferowanym przez wyszukiwarki. Warto się zapoznać i zaprzyjaźnić z sitemapą. Wyszukiwarki posiadają specjalne strony, w których możemy zgłosić sitemapę, która ułatwi robotom przeszukanie witryny, a co za tym idzie przyspieszy indeksowanie. Ponadto o każdej zmianie możemy powiadomić wyszukiwarkę pingując do jej odpowiedniej strony.

Dobranie odpowiedniego anchor tekstu do wewnętrznych linków również może być przydatne. Przykładowo, jeśli mamy dobrze wypozycjonowaną stronę główną, to PR z niej możemy odpowiednio redystrybuować na inne strony poprzez wstawienie odpowiednich anchor tekstów. To z kolei prowadzi do wzmocnienia tej podstrony.

rel="canonical" jest znacznkiem używanym w przypadku, gdy mamy dwie takie same strony, co jest dość często sytuacją w sklepach internetowych, oraz innych miejscach, gdzie używamy otagowania. rel="canonical" wskazuje na oryginalną stronę, dzięki czemu nie popadamy w Duplicate Content.

Ostatnią ważną rzeczą jest nie poprzestawanie na nauce i zdobywanie nowej wiedzy. Próżność ludzka jest ogromna niczym kosmos. Nawet jeśli ktoś wie coś ciekawego, to dla głupiej sławy podzieli się tym z całym światem za darmo...

Jeśli chcesz poczytać więcej na ten temat to zapraszam na stronę: http://www.seoconsultants.com. Możesz też od razu przejść do http://www.seoconsultants.com/html4/elements/ ,która jest znakomitym źródłem informacji na temat semantyczności, HTML i SEO. Warto też będzie zapoznać się ze wskazówkami dotyczącymi jakości stron od samego konsorcjum W3C.

Niniejszy temat porusza zastosowanie czcionek na stronach WWW. Uwzględniam w nim wsparcie przez systemy operacyjne, przeglądarki oraz omawiam ich zastosowanie.

Ogólnie czcionki dzielą się na dwa typu: szeryfowe i bezszeryfowe. Dodatkowo możemy wyróżnić czcionki monospace oraz cursive. Czcionki szeryfowe posiadają tzw. ogonki, podczas, gdy w czcionkach bezszeryfowych brak ogonków. Nie, nie chodzi o polskie znaki. Chodzi o... W zasadzie opisuje się to w ten sposób: W dawnych czasach ludzie pisali różnymi farbkami i używali do tego pędzla, patyczka, itp. Farba ma tę właściwość, że się ciągnie, więc jak pisali i odrywali pędzelek bądź patyczek od płótna, ściany czy kamienia, to tworzył się ogonek - bo farba się ciągła. Tak wygląda historia kroju czcionki szeryfowej. Jest ona uznawana za łatwiejszą do czytania na papierze, ale w przypadku komputera jest odwrotnie i wynikia to z ograniczonej ilości pikseli na punkt. Dlatego też na komputerze czcionki szeryfowej używa się tylko dla nagłówków i ewentualnie dla wyróżnienia czegoś. Dla reszty stosuje się czcionki bezszeryfowe lub monospace. Czcionki monospace posiadają duże spacje pomiędzy literkami i właściwie nie wiem po co.

Jak już wspomniałem na stronie WWW należy stosować głównie krój bezszeryfowy. Jednakże z tym wiąże się jeszcze jeden problem. Chodzi o wsparcie. Jest wiele systemów operacyjnych (Windows, Mac, OS-y) i każdy z nich posiada swój własny zestaw czcionek. Dodatkowo mamy różne przeglądarki. W efekcie nie wiadomo, czy ktoś, kto ogląda naszą stronę na innym komputerze widzi taką samą stronę. Dlatego powstało zestawienie bezpiecznych czcionek webowych, a ang. zwanych Web Safe Fonts. Najbezpieczniejszymi czcionkami są niestety tylko trzy czcionki: Arial (bezszeryfowa), Georgia (szeryfowa), Verdana (bezszeryfowa) i Courier New (monospace). W zasadzie identycznych czcionek jest więcej, ale różnią się one nazwą, co częściowo je dyskwalifikuje jako bezpieczne. Więcej na ten temat piszą na stronie http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

Jeśli jednak jakaś czcionka wyjątkowo się nam spodobała, to dzięki właściwościom HTML-a, w pliku CSS możemy określić priorytety dla czcionek. Przykładowo, jeśli nam się podoba Helvetica, ale w Windowsie nazywa się ona Trebuchet MS, to dzięki odpowiedniemu zapisowi możemy ustawić ten samym wygląd zarówno w Windowsie jak i w Macu.

I na koniec najlepszy z bajerów. Dzięki metodzie @font-face możemy zaimportować sobie dowolną, wybraną czcionkę. Niestety, ale nie wszystkie przeglądarki wspierają tę funkcję. Obowiązuje więc zasada z poprzedniego aragrafu, czyli tworzymy sobie priorytetowo hierarchię pożądanych czcionek. Jeśli system nie znajdzie pierwszej to poszuka drugiej. I tak dalej. Całkiem dobra lista polskich czcionek do importu znajduje się na stronie http://czcionki.skryptoteka.pl/czcionki,polish,,1.htm Niestety, Internet Explorer po raz kolejny posiada odmienne standardy. Więcej na temat zastosowania bezpiecznych czcionek na stronach WWW znajdziecie na http://en.wikipedia.org/wiki/Web-safe_fonts

Jeśli w przeglądarce wpiszesz adres nieistniejącej strony wówczas automatycznie zostanie Tobie przedstawiona strona błędu 404. Przykładowo strona http://madein3w.blogspot.com/sfsgfdg zwraca taki błąd. Analizując tę stronę znajdziemy tam link prowadzący do strony głównej bloga. Czy zawsze tak jest? Sprawdźmy np. Onet: http://www.onet.pl/dasg Tu już jest gorzej. Otrzymujemy jedynie komunikat o kodzie błędu i o przyczynie - strona nie istnieje. W tym wypadku jest ona napisana po angielsku, co przypadkowemu userowi wcale nie pomaga. Jeśli nie zna angielskiego albo języka HTTP to wówczas pozostaje bez odpowiedzi dlaczego strona nie istnieje. 

Dlaczego to piszę?

Otóż wcale nie po to, aby zachęcić do pisania obszernych objaśnień na temat przyczyn błędu, lecz aby skonstruować własną stronę błędu, która będzie jednocześnie odnośnikiem do najważniejszych sekcji Twojej strony. :) 

Dlaczego to takie ważne?

Otóż wyobraź sobie, że zmieniłeś strukturę URL na stronie. Możesz wykonać przekierowanie 301 na stronę główną albo przekierowanie ze starego adresu na nowy (nieco trudniejsza opcja, ale zdecydowanie lepsza). Nie uchroni cię to jednak przed następującym przypadkiem. Ludzie często przepisują adresy z błędami. Wyobraź sobie, że jeżeli ktoś do Ciebie zalinkuje, ale popełni literówkę, to zamiast mocnego linka masz nic, zero. Co z tym zrobić? Ano właśnie stworzyć stronę, która w takim przypadku przejmie moc linka i go odpowiednio rozdzieli. Myślę, że przydatny post.

To jest zalążek publikacji dotyczącej wprowadzenia nowego wyglądu stron używających mikroformatów do wyników wyszukiwania.

Google i mikroformaty

10 modułów, bez których nie da się żyć. Nie mam tutaj na myśli ani Views, ani CCK - w prawdzie to są moduły bardzo użyteczne, ale da się bez nich obejść.

1. Backup and Migrate. Moduł służy do sporządzenia kopii zapasowej bazy danych w określonych interwałach czasu. Istnieje patch, który pozwala wysyłać bazę danych na wybrany adres email. Działa przy użyciu Cron.
2. Backup files. Podobny do poprzedniego, z tym, że pozwala na zrobienie kopii zapasowej plików. Hostingi zazwyczaj przechowują tylko kopię z poprzedniego dnia. Podobnie j.w. działa z użyciem Cron.
3. Devel. Bada obciążenie generowane przez stronę. Przydatny w optymalizacji strony pod kątem szybkiego ładowania.
   
4. Login Security. Ogranicza dozwoloną liczbę nieudanych logowań na konto. Jest to zabezpieczenie przed atakami programów w stylu Brutallus.
5. Nodewords. Automatycznie tworzy opisy Meta. Przydatny, jeśli zależy ci, aby witryna była wysoko w wynikach wyszukiwania.
6. PathAuto. Kolejny moduł służący do podniesienia pozycji witryny w wynikach wyszukiwania. Posiada ogromne możliwości konfiguracji i tworzenia niestandardowych adresów URI.
   
7. Simple Menu lub Admin Menu - to dodatek znacznie usprawniający pracę administratora systemu. Dzięki nowemu panelowi z drop-down menu zarządzanie stroną jest szybsze.
   
8. XMLSitemap. Odpowiada za sporządzanie i pingowanie mapy strony w formacie zrozumiałym przez roboty indeksujące.
   

Historia

Statlink to najmłodszy System Wymiany Linków Stałych. Jego premiera miała miejsce 1 października 2008. SWL uderzył w rynek bardzo mocno oferując już na starcie nagrody dla pierwszych użytkowników (do wygrania była kamera cyfrowa lub aparat cyfrowy). System został bardzo ciepło przyjęty przez użytkowników forum PiO.

Inną ciekawą cechą systemu jest to, że przyjmuje on tylko wartościowe strony. O ile co do zasadności takiego postępowania w uwzględnieniu wpływu na pozycjonowanie można mieć zastrzeżenie, to o tyle jest to dobry krok w celu promocji wartościowych stron. Przykładowo na dobrej stronie nie życzyłbym sobie linków do śmietników. Pomysł to nie autorski, ale sprawdzony już na LinkMe.

O systemie

W istocie system zasługuje na swoją nazwę, gdyż premiuje on strony posiadające dłuższy staż w systemie (min. 2 miesiące). Dzięki takiemu rozwiązaniu, jeśli ktoś ma zamiar tam dodawać stronę to musi się dobrze zastanowić. Okres początkowy, gdy strona ma 1/10-1.20 swoich punktów musi zostać odrobiony. Ten sposób powinien zmniejszyć rotację stron w systemie i dzięki temu faktycznie ustabilizować linki. Jest to nie tyle system wymiany linków statycznych, co system wymiany linków statycznych na statycznych stronach. Dodatkowo, o wyświetlanie się linków dba pieczołowicie robot systemowy, który na mojej stronie pojawiał się co około 7-10 dni.

Dyskusyjną sprawą jest natomiast algorytm zawartości treści. Ocenia on stosunek ilości treści (tekstu) do kodu. Niewątpliwy plus tego algorytmu to, iż premiuje on w ten sposób strony semantyczne i zgodne ze standardami W3C. Niestety, minusów jest więcej. Mam akurat stronę na Drupalu, który jest pod względem semantyki daleki od ideału. Na dodatek moja główna strona jest dużo bardziej skomplikowana niż podstrony, więc stosunek treści do kodu jest naprawdę niewielki. W przypadku HTMLowych stron stosunek ten wynosi czasem 0.5, podczas, gdy na wiele bardziej skomplikowanej stronie wyniósł on 0.04. Strona, która jest 10x bardziej skomplikowana otrzymała 1/10 punktów prostej, statycznej strony!

Podsumowanie

Cena punktów systemowych: 45,- zł / 1000 pkt.

Plusy:

• ultra-stałe linki
• dobry kontakt z supportem
• aktywny robot systemowy
• przejrzyste zasady co do przyjmowanych stron
  
• zlicza linki wychodzące z "rel=nofollow"*

Minusy

• nie nadaje się pod dynamiczne strony
• brak możliwości wstawienia linków pionowych
  
• ilość podstron w systemie jest nieznana

Punktacja końcowa 80%

* Robot Google ignoruje linki z atrybutem rel=nofollow. Traktowanie tych linków tak samo jak innych jest częstym błędem popełnianym Systemy Wymiany Linków.

Kilkadziesiąt minut temu premierę miał build nr 1551 norweskiej przeglądarki Opera i nosi on chlubną nazwę beta! Przyznam szczerze, że Operę 10 testuję długie tygodnie, od stadium publicznej alphy. Bardzo podoba mi się ta przeglądarka. Jej główną zaletą jest szybkość, zarówno działania jak i nawigacji. Dodatkowo Opera oferuję niespotykaną w żadnej innej przeglądarce możliwość dostosowania do własnych potrzeb. Nie inaczej jest w wersji 10. Nie będę zajmował się przeglądarką od strony komfortu użytkowania, bo pewnie na ten temat piszą większe portale. Jak zwykle celuję w moją niszę, czyli przedstawienie testów JavaScript.

SunSpider.

Flagowy test JavaScript sporządzony przez ekipę WebKita (czyli tych samych, którzy stworzyli bazę pod Safari i Chrome). W związku z tym będę się upierał, że test jest niemiarodajny i niewiarygodny :) Tym bardziej zrobię to, ponieważ Opera 10 od początku słabo wypada w tym teście (jest znacznie gorsza od swego 9.-go wcielenia). Ostatecznie w moim teście Opera uzyskała 9350.6ms, co klasyfikuje ją na poziomie Internet Explorer 8 :( Ale nie martwy się, ten test był ustawiony.

Celtic Kane.

Pierwszy i najkrótszy z testów. Test ten od zawsze wygrywał WebKit, który pomimo wielu wad ma najszybszy silnik JavaScript (czy jak to tam się fachowo nazywa). W teście Opera 10 uzyskała wynik około 700ms i znów jest to niestety rozczarowanie. Opera 9 ponownie była szybsza. Opera 10 ponownie stanęła na poziomie najgorszej przeglądarki świata (w wersji 8.). Mam nadzieję, że Opera wie co robi i po prostu silnik ten zostawili sobie na koniec.

Dromeo

Drugi i zarazem najbardziej kompleksowy w całym zestawieniu test silnika JS. Wynik podstawowego testu : 14.56biegów/sekundę. Dla porównania Chrome uzyskało wynik 56.33runs/s.