Logo Wave Toolbar

Rozszerzenie Wave Toolbar dla Firefox

SEO to nie tylko linki i treść. SEO to też zróżnicowane narzędzia, które pomagają zautomatyzować lub uprościć działnia, które muszą być wykonane w ramach prac nad serwisem. Jednym z takich narzędzi jest rozszerzenie Wave Toolbar dla Firefoxa, które pomaga wykonać kilka często przydatnych czynności jednym kliknięciem.

Podstawowe funkcje oferowane przez Wave Toolbar

Pasek narzędzi Wave to narzędzie bardzo proste oferujące następujące funkcje:

  • Errors, Features and Alerts (Błędy, właściwości i alarmy) – w tym miejscu użytkownik otrzymuje informacje o różnego rodzaju błędach i nieprawidłowościach, które obecne są na stronie. Rzadko z tego korzystam, bo wiele z tych problemów jest bardzo mało istotna i ich eliminacja wiele nie daje. Ale rzut okiem na pewno nie zaszkodzi.
  • Structure/Order (Struktura/kolejność) – w tym miejscu wyświetlane są informacje na temat struktury elementów na stronie oraz ich kolejności. Podobnie jak z pierwszej funkcji rzadko korzystam, ale w pewnych sytuacjach może być ona bardzo przydatna.
  • Text-only (Tylko tekst) – z tej funkcji korzystam często w celu sprawdzenia jak wygląda strona w wersji tekstowej. Przydatne bo można dość szybko zobaczyć co zostanie na stronie jak będzie ona pozbawiona wszystkich wizualnych gadżetów.
  • Outline (Struktura nagłówków) – moja ulubiona funkcja 🙂 po kliku widać strukturę nagłówków na stronie. Bardzo przydatne jeśli chcemy zobaczyć czy nagłówki na stronie są umieszczone w odpowiedniej kolejności oraz czy nie ma w ich użyciu dziur.
  • Reset page (Domyśla postać strony) – przycisk ten służy do przywrócenia strony do postaci bez wcześniej użytych funkcji.
  • Disable Styles (Wyłącz style) – pozwala szybko zdjąć CSS.
  • Icons Key (Znaczenie ikon) – legenda wyjaśniająca znaczenie poszczególnych ikon wyświetlanych przez wymienione wcześniej funkcje. Poza wyjaśnieniem pojawiają się również wskazówki co warto zrobić w celu eliminacji problemu.
  • Tools (Narzędzia) – kilka funkcji związanych z działaniem rozszerzenia.
Pasek opcji Wave Toolbar
Pasek opcji Wave Toolbar

Struktura nagłówków na głównej stronie mojego bloga prywatnego wyświetlona przez Wave:

Układ nagłówków na stronie
Układ nagłówków na stronie

Ta sama strona, ale w trybie wersji tekstowej:

Wersja tekstowa strony
Wersja tekstowa strony

Warto zauważyć, że w miejscu obrazków wyświetlają się teksty z atrybutów ALT znaczników IMG.

Po wyłączeniu stylów CSS strona przyjmuje następującą postać:

Widok strony bez CSS
Widok strony bez CSS

I w ten prosty sposób dość szybko można zobaczyć jak strona wygląda w rożnych sytuacjach. Dzięki temu można szybko wychwycić podstawowe problemy, których eliminacja nie musi być czasochłonna, a w jakiś sposób mogą wpływać na ocenę strony przez algorytm wyszukiwarki.

Wady i zalety rozszerzenia

Wave Toolbar jest bardzo prostym narzędzie i na rynku jest co najmniej jedno dużo bardziej rozbudowane, ale to przez swoją prostotę idealnie sprawdza się przy zadaniach sprawdzenia czegoś na szybko (np. na spotkaniu z klientem).

Zalety:

    • proste w działaniu – brak zbędnych opcji konfiguracji, brak gąszczu funkcji, które utrudniają znalezienie tego czego potrzebujemy do wstępnej oceny czego możemy spodziewać się na stronie jak zaczniemy głębiej kopać,
    • pozwala szybko włączyć widok tekstowy, układ nagłówków i wyłączyć CSS,
    • wyświetla informacje o prostych błędach na stronie – coś jest ukryte, coś nie ma alt.

Wady:

  • lubi zawiesić się w trakcie działania (nie zawiesza przeglądarki, ale żeby skorzystać z jej funkcji konieczne jest ponowne uruchomienie przeglądarki),
  • od dawna nie jest rozwijane, ale to do czego jest stworzone robi prawidłowo.

Skąd pobrać Wave Toolbar

Wave Toolbar można pobrać z oficjalnej strony projektu http://wave.webaim.org/toolbar/ (wersja 1.1.8) lub ze strony rozszerzeń Firefoxa https://addons.mozilla.org/pl/firefox/addon/wave-toolbar/ (wersja 1.1.6), ale akurat tam jest dostępna starsza wersja.

Podsumowanie

Narzędzie od dłuższego czasu nie jest rozwijane, ale mimo to ciągle jest przydatne do szybkiego sprawdzenia układu nagłówków lub włączenia trybu widoku tekstowego.

Oczywiście są narzędzia, które te funkcje mają w sobie, ale jeśli potrzebujemy tylko kilku podstawowych działań będzie ono w pełni wystarczające.

Tym wpisem rozpoczynam przegląd najciekawszych narzędzi, które można wykorzystać w SEO. Specjalnie zaczynam od narzędzia najprostszego. Największe kombajny zostawiam sobie na później, ponieważ oferują tak dużo możliwości, że każdej z nich można poświęcić osobny wpis.

4 myśli nt. „Rozszerzenie Wave Toolbar dla Firefox”

  1. Wtyczka brzmi ciekawie, ale znacznie lepszym i bardziej rozbudowanym narzędziem jest Webdeveloper Tools też dla Firefox: https://addons.mozilla.org/pl/firefox/addon/web-developer/

    Oprócz tego, co potrafi zrobić Wave, dodaje jeszcze:
    – sprawdzanie układów responsywnych strony
    – wyłączenie cache w przeglądarce, co pozwala po każdym odświeżeniu sprawdzić dokładnie wprowadzone zmiany
    – skróty do walidatorów
    – wyświetlanie w osobnym oknie listy wszystkich linków na stronie (mega dobre do analizy wewnętrznego linkowania)
    – oznaczanie każdego elementu HTML poprzez ramkę z dymkiem (czyli w trymiga sprawdzisz ustawienia alt=”” dla zdjęć)

    Generalnie obok Firebuga dla mnie to podstawowa wtyczka do optymalizacji stron 🙂

    1. Zgadza się. Webdeveloper i Firebug to świetne narzędzia. Ale postanowiłem zacząć od najprostszego 🙂

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *