Niebawem więcej informacji!

Twórcy flash’a o czymś nie pomyśleli.

Niestety tak się stało, że twórcy z Macromedii nie zadbali o kompatybilność i dostępność swojej technologii dla crawlerów, trudność wynika z tego iż dynamiczna i mocno interaktywna strona jest dużo trudniejsza w interpretacji od statycznego html’a (bądź nawet semi statycznego, generowanego dynamicznie). Sprawa od samego początku nie została rozwiązana i jak widać jeszcze przez spory okres czasu nie będzie flasza przyjaznego dla google. I jak sądze z tego powodu Flash dostaje karniaki na każdym kroku, dalej zobaczmy co możemy z tym fantem zrobić.

Za co jesteśmy (nie)wdzięczni deweloperowi przeglądarki IE?

W roku 2006 wyszła nowa wersja przeglądarki Microsoft’u (IE) zawierająca aktualizację zwaną “Eolas”, która zapobiegała uruchamianiu aplikacji Flash na bazie Active-x podczas ładowania strony i wymagała aktywacji poprzez kliknięcie na obiekt interaktywny. Eolas był znienawidzony przez twórców stron wykorzystujących omawianą technologię, gdyż ich strony były martwe w przeglądarkach IE, a do tego wyświetlały okropne komentarze “Kliknij, aby aktywować kontrolkę”.

Wymagania jakie musimy spełnić aby bezpiecznie korzystać z Flash.

Aktualnie można nasze wymagania uznać za marzenia ściętej głowy, ale skoro jesteśmy profesjonalistami i nasze wizje chcemy realizować z zachowaniem standardów to wymieńmy jakie punkty chcemy spełnić:

• czysty kod
• przyjazność wyszukiwarkom
• dostępność (usability), różne przeglądarki, urządzenia przenośne
• semantyka, zachowanie standardów
• poprawne wyświetlanie pod przeglądarkami IE

Programowanie Flash przyjazne wyszukiwarkom (SEO friendly).

Dobrym pomysłem na obejście problematyki niedostępności flash’a na naszej stronie jest użycie funkcji JavaScript’u zwanej SWFObject();, która to sprawdza czy przeglądarka wyświetlająca jest w stanie obsłużyć treść interaktywną. Jeśli napotykamy na problemy to stosujemy div z alternatywną treścią o tej samej (lub możliwie zbliżonej) funkcjonalności zakodowanej za pomocą statycznego kodu (x)html. W obszarze wspomnianego alternatywnego div’a możemy swobodnie zawrzeć linki, tekst oraz obrazy jakie pierwotnie miały być udostępnione z użyciem animacji. Jeśli natomiast obsługa flash jest dostępna nasza funkcja modyfikuje strukturę dokumentu (DOM) tak aby wyświetlała zawartość prezentacji i wydaje się, że wybrneliśmy z opresji.

Mogło by się wydawać, że ta technika nie jest do końca właściwa, jednak stworzony przez W3C (World Wide Web Consortuim) WAI (Web Accessibility Initiative) dopuszcza a nawet wskazuje słuszność takiego rozwiązania. Wdrażając treść alternatywną dla objektów flash pozwalamy crawler’om oraz użytkownikom, dla których treść interaktywna jest niedostępna korzystać z całej funkcjonalności stony. Wiecej szczegółów w dokumentacji: elementy multimedialne powinny posiadać dostępne wersje alternatywne. Zalecana jest również ostrożność stosowania tej metody ze względu na możliwość traktowania zdwojonej treści jako sposób cloaking’u, aby temu zapobiec należy starać się o wierne odpowiadanie obu treści (mają przedstawiać to samo).

Praktyka – użycie funkcji SWFObject();

Nasza metoda jest rozwijana przez Geoff Sterns’a w postaci skryptu SWFObject.js, który służy SEO-zoptymalizowanemu osadzaniu elementów flash w kodzie strony. Jeśli już umieściłeś na serwerze kod skryptu oraz zainkludowałeś do zawartości dokumentu możemy przejść do praktyki. Poniżej najprostszy wariant kodu:

<script type=”text/javascript” src=”swfobject.js” mce_src=”swfobject.js”>

</script>
<div id=”flashcontent”>

Tutejsze instrukcje zostaną zastąpione elementem flash.

</div>

<script type=”text/javascript”>
var so=new SWFObject(“movie.swf”, “mymovie”, “400″, “200″, “8″, “#336699″);
so.write(“flashcontent”);
</script>

–

W pojemniku <div id=”flashcontent”>[...]</div> zawarty będzie nasz obiekt interaktywny, który będzie automatycznie zastępowany przez treść alternatywną w przypadku wykrycia problemów z obsługą flash’a.

Argumenty jakie przekazujemy do naszego objektu za pomocą funkcji SWFObject:

• swf – ścieżka do pliku swf oraz jego nazwa
• id – ID objektu lub znacznik embed
• width – szerokość osadzanego elementu
• hight – wysokość elementu
• version – wymagana wersja Adobe Flash Player’a
• background-color – wartość heksadecymalna koloru tła.

Opcjonalnie może zawierać również:

• quality – jakość z jaką zalecasz odtwarzanie elementu, domyślnie jest wysoka (hight)
• xiRedirectUrl – przekierowanie dla użytkowników, którzy korzystają z szybkiej aktualizacji
• redirectUrl – przekierowanie dla tych, którzy z pewnych powodów nie chcą aktualizować wersji flash playera
• detectKey – klucz z jakim będzie wykrywana wersja naszego skryptu.

Uwagi.

Jeśli stosujesz opisane rozwiązanie optymalna kolejność postępowania powinna obejmować jako pierwsze udostępnienie treści alternatywnej a następnie zastosowanie docelowego objektu interaktywnego. Jednak życie uczy nas, że właściwe drogi realizacji są bardzo nieprawdopodobne i chcesz zastosować ten wybieg jako ratunek dla już istniejącego elementu (flash). Jest na to rada, ale do tego jeszcze wrócę.

Odnośnie oczekiwań jakie możemy mieć względem stosowania tego typu wybiegu należy pamiętać, że nie uzyskamy pewności poprawnego pozycjonowania naszej strony, jedyna pewność to ta, że usuwamy niedogodności i czynimy naszą treść dostępniejszą. Solidna optymalizacja i odrobina cierpliwości może przynieść oczekiwane rezultaty lecz nie musi.

Strony w pełni zbudowane w oparciu o flash’a.

W przypadku stron zbudowanych w pełni na technologii flash sytuacja jest nieco gorsza, aby nie powiedzieć, że beznadziejna. Możemy jednak zapewnić możliwie dobre funkcjonowanie strony pod kątem zasad SEO stosując pewne metody.

Jeśli stworzymy dla każdej z podstron zamienniki w czystym (x)html’u i pozwolimy na pertraktowanie wyświetlania treści jak w poprzednio opisanej metodzie, jesteśmy o krok dalej. Dodatkowo możemy porcjować elementy flash i umieszczać osobno na każdej podstronie tak aby zapewnić dostęp crawler’om i użytkownikom nie mogącym wyświetlać animacji.

Jest również możliwość stosowania skryptów PHP aby zamiennie serwować pierwotną treść w czystym kodzie (x)html oraz animacji alternatywnie od sytuacji. Jeśli wszystko oprzeć o wykorzystanie bazy danych (np. MySQL) do przechowywania elementów interaktywnych możemy liczyć na dosyć dobrą optymalizację wyświetlania treści w odniesieniu do szybkości funkcjonowania.

Zakończenie.

Temat optymalizacji daje pole do szerokiej dyskusji i szukania wielu rozwiązań, dlatego ten post nie wyczerpuje w pełni tematu. Jeśli uznam, że będzie to wskazane w następnej części opiszę kolejne metody dla twórców stron opartych na treści interaktywnej flash.

~Michał Kowalski 2008

Ponieważ w internecie, najczęściej na forach dyskusyjnych używa się w odniesieniu do zagadnień z tematyki pozycjonowanie, wielu akronimów poniżej zebrałem najpopularniejsze. Jeśli przyjdzie mi coś do głowy w późniejszym czasie postaram się na bieżąco uzupełniać poniższą listę.

AT (Anchor Text)

Jest to tekst, który stanowi “klikalną” część linku do strony www, umieszczamy go pomiędzy znacznikai <a href”"> oraz </a> i stanowi on kontekst dla lokalizacji do, której prowadzi. Jest niezwykle istotny z punktu widzenia pozycjonowania. To jakie słowa znajdą się w tej części linku będzie miało wpływ na wyniki wyszukiwania danej strony. Proszę przypomnieć sobie słynne akcje z anchorami “kretyn” oraz “siedziba szatana” – po wpisaniu ich w google pojawiały się odpowiednio strona sejmowa Anrzeja Leppera oraz site Radia Maryja Aktualnie algorytmy google zostały wyczulone na tego typu sytuacje i dodatkowo badają kontekst (otocznie) linków.

BAN

Wykluczenie danej lokalizacji z wyników wyszukiwania, jest to najbardziej restrykcyjna forma karania nieuczciwych posiadaczy stron internetowych, powoduje usunięcie adresu z wyszukiwarki i pomijanie jej w wynikach.

BL (Back Link)

Jest to określenie na linki prowadzące do naszej strony. Aby sprawdzić ich ilość dla danego adresu należy użyć zapytania link:domena.pl (google/msn bądź linkdomain:domena.pl (yahoo). Google może pomijać niektóre linki i przez to wyświetlać niekompletne wyniki.

Content

Słowo to oznacza zawartość/treść naszych dokumentów www. Jest ostatnio najistotniejszym i najskuteczniejszym czynnikiem jaki można wykorzystać w celach poprawienia wyników wyszukiwania. Należy pamiętać, że np. google jest mocno wyczulone na kontekst, tak więc content musi być obszerny, unikalny oraz spójny tematycznie.

DC (Data Center)

Termin wykorzystywany na określenie maszyn serwujących wyniki wyszukiwania – czyli serwerów, które są widoczne w klasach adresowych należących do danej wyszukiwarki. Np. serwery google’a są widoczne pod rozproszoną strukturą i umiejscowione w różnych miejscach na świecie, stąd możliwość róznic w wynikach wyszukiwania dla konkretnej frazy w zależności od umiejscowienia odpowiadającej maszyny. Dane są konsolidowane co jakiś czas pomiędzy różnymi DC.

DCP (Duplicate Content Penalties)

Technika zwiększania objętości treści (content’u) za pomocą duplikowania posiadanych stron, jest to nierozważna metoda, która dzisiaj jest już rozpoznawana przez roboty i w takim przypadku nakładane są filtry na określone lokalizacje. Np. umieszczenie tej samej strony na dwóch serwerach pod różnymi domenami może nam popsuć wyniki w wyszukiwarkach.

FSB (Fresh Site Bonus)

Jest to zjawisko występowania nowych stron dużo wyżej niż kwalifikacja jakości treści oraz PR/BL, mechanizm ten to wymyślony przez google’a sposób promowania nowych treści pojawiających się w internecie. Często takie świeże strony po pewnym czasie zaczynają notować spadki o pojawiają się dużo niżej (czasem “bardzo – dużo” niżej ).

GDPR (Google Directory PageRank)

Wartość PageRank’u wyświetlana w katalogu zasobów google.

IBL (Inbound Links)

Określa ilość stron podlinkowanych do naszego adresu, określa miarę popularności naszej strony z dodatkowym uwzględnieniem PR stron na których zostały umieszczone linki do nas.

OBL (Outbound Links)

Określenie to tyczy się linków wychodzących, prowadzących do innych stron z naszego adresu, jeśli jest ich zbyt wiele obserwujemy negatywne zmiany w traktowaniu przez wyszukiwarki. Zjawisko spowodowane plagą spamu oraz nic nie znaczących stron typu “farmy lików” – adresy takie nie posiadają żadnej treści i ich ocena z punktu widzenia użyteczności jest bardzo niska.

PR (PageRank)

Stanowi wskaźnik wartości witryny, i jest obliczany przy użyciu algorytmu stworzonego przez Larry’ego Page’a na Uniwersytecie Stanforda, który był poźniej rozwijany przez lata aby finalnie zostać zaadaptowanym na potrzeby Google. Zazada jego działania opiera się w głównej mierze na ustalaniu wagi stron na podstawie linków, które do nich prowadzą z innych adresów, z uwzglęnieniem ich PR. Tak więc nasz PR będzie szybciej wzrastał dzięki zwiększaniu się liczby odwołań z innych stron pod warunkiem, że będą one posiadały wysoki Page-Rank.

RPR (Real PageRank)

Jesto to tzw. prawdziwy Page-Rank, i stanowi chwilową wartość w danym momencie. My jako użytkownicy internetu dostajemy wartość przybliżoną, gdyż PR jest udostępniany co pewien czas i nie mamy możliwości sprawdzenia aktualnej jego wykładni.

SandBox

Nazwa “mitycznego” filtra nakładanego przez google’a. Miał on polegać na tymczasowym obniżeniu pozycji bądź nawet usunięciu z wyników aby zweryfikować czy nagły przyrost np. IBL’i nie jest efektem działalności spamerskiej. Co ciekawe, strona, która dostała sandbox’a nadal jest update’owana w bazach danych google’a oraz informacje o niej są ciągle zbierane. Tak więc jeśli zachodzi podejrzenie o tego typu sytuację, nie należy zaprzestawać rozwijania zawartości czy dbania o popularność adresu w internecie. Po ustąpieniu filtra strona może powrócić na dawne miejsce bądź nawet na wyższe pozycje.

SERP (Search Engine Results Position)

Strona która wyświetla wyniki wyszukiwania dla podanej frazy to właśnie SERP.

TPR (Toolbar PageRank)

Wartość Page-Rank wyświetla na przez np. google-toolbar w firefox’ie.

ZIĄ (Ziom)

Skoro dotrwałeś drogi internauto, pozycjonerze do końca tego spisu jako bonus wyjaśnienie terminu kluczowego dla zrozumienia tego wpisu Zią to osobnik ogólnie darzony szacunkiem (respektem) wsród swoich zią’ków.

Pozdro! M.K.

Napewno nie raz natrafiłeś na teksty zawierające słowo ’semantyka’, jeśli nie jesteś jeszcze ekspertem w dziedzinie webmasteringu/seo to możesz nie wiedzieć co ono właściwie oznacza. Formalnie jest to określenie dziedziny wiedzy, która bada relacje pomiędzy znakami a przedmiotami do których się one one odnoszą, a jak to jest w przypadku, który nas najbardziej interesuje?

 Jak to się ma do kodu strony? Czytaj wyjaśnienie…

xHTML czy inny język służący do tworzenia dokumentów hipertekstowych to zbiór znaczników które opisują strukturę prezentacji danych. Inaczej mówiąc aby na stronie umieścić jakieś informacje (np. ten tekst) należy je zapisać przy użyciu odpowiednich tagów, tak aby przeglądarka mogła dokonać interpretacji i zgodnie z naszą intencją rozmieścić w logiczny sposób na karcie wyświetlanego dokumentu. I tutaj przychodzi czas odwołania do naszej semantyki. Określa ona w jaki sposób używać wspomnianych tagów, aby oznaczały dokładnie to do czego zostały powołane. Abyśmy wiedzieli jaki był zamysł twórców danego języka, powstał standard, stworzony oraz rozwijany pod skrzydłami Światowego Konsorcjum W3C (Word Wide Web Consortium). Stosując się do standardów tworzymy przejrzysty oraz poprawny pod względem składniowym dokument, który posiada dodatkową zaletę – mianowicie jest zrozumiały dla maszyn;) Co to znaczy? Kod semantyczny prezentuje dane, które rozumiemy my – ludzie, jednak w taki sposób aby również przeglądarki, aplikacje przetwarzania danych, etc mniej więcej wyczuwały nasze intencję… To spora zaleta z punktu widzenia seo/pozycjonowania. Dlaczego ? To proste! Roboty wyszukiwarek są aplikacjami, przeglądając naszą stronę www robot ma nadzieję, że jej twóra wiedział co robi. Dlatego właśnie semantyczne strony jako “lekkostrawne” są lepiej traktowane przez crawlery i pająki.

Jakie to może nieść korzyści?

Korzyść w głównej mierze odnosi się do lepszych pozycji strony w wynikach wyszukiwania przeglądarek. Oczywiście samo stworzenie poprawnej strony nie załatwia samo w sobie sprawy jednak bardzo pomaga. Przekonałem się o tym, kiedy po optymalizacji strony Efrenzy Interactive uzyskałem w google 3 miejsce pod frazą ‘webdesign seo’ bez linkowania – zupełnie sote. To dobry wynik, zważywszy na fakt ilości powiązanych wyników dla tej frazy (spośród około9,300,000). Niestety nie udało się prześcignąć Bielaka ;)

Może następnym razem….

M.K.