Pozycjonowanie Stron Internetowych

Pozycjonowanie stron internetowych to podstawowa forma marketingu internetowego. Codziennie 20 milionów Polaków rozpoczyna poszukiwanie informacji od wpisania interesujących ich pytań do wyszukiwarki Google. Ta forma reklamy jest nieinwazyjna i postrzegana bardzo pozytywnie, choć świadomość istnienia pozycjonowania stron jest już na całkiem wysokim poziomie, wciąż możemy traktować tą formę reklamy jako ukrytą przez co wzbudzającą duże zaufanie.

Audyt SEO strony internetowej

Audyt SEO – to usługa, która dostarcza kompleksowy raport, zawierający wskazówki pozwalające poprawić widoczność strony www w wyszukiwarkach internetowych. Audyt zawiera wytyczne techniczne, umożliwiające poprawę jakości witryny, często również informacje na temat poprawy podstawowej użyteczności strony oraz propozycje działań promocyjnych.

Jak dobrać frazy kluczowe do kampanii Google AdWords i pozycjonowania

Decyzja zapadła: „Bierzemy pozycjonowanie”. Brawo! Doskonale, to bardzo dobra decyzja – pozycjonowanie to jedna z najskuteczniejszych form promowania biznesu w Internecie. O tym, czy pozycjonowanie przyniesie spodziewany efekt, decyduje wiele czynników. Kluczowym, dla skuteczności działań, jest etap doboru wraz kluczowych. Fraz, które idealnie, zdefiniują naszą ofertę.

Premiera WordPress 4.6 „Pepper” – co nowego?

Dosłownie przed chwilą pokazał mi się komunikat o możliwości aktualizacji WordPressa do wersji 4.6. Przedstawiam Wam zatem nowości, które prezentuje ta wersja.

    1. Usprawnione aktualizacje – Teraz instalacja nowego pluginu, jego aktualizacja bądź dodanie nowego motywu odbywa się bez przeładowywania strony i wyświetlania komunikatów.
      streamlined-updates
    2. Natywne fonty – W zależności od tego jakiego systemu operacyjnego używamy, w panelu WP zamiast Open Sans zobaczymy standardowe systemowe fonty. W developer tools widzimy poniższe rodziny fontów dla elementu body:
      font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
      native-fonts
    3. Sprawdzanie poprawności linków w treści – Gdy zdarzy się nam wpisanie niepopranego adresu w linku np. gdy zapomnimy dopisać http:// przed zewnętrznym zasobem, WordPress nas o tym poinformuje.
      inline-link-checker
    4. Jeszcze lepsze zapisywanie szkiców – w przypadku gdy zabraknie Ci zasilania, stracisz dostęp do Internetu czy przypadkowo odświeżysz stronę, odzyskanie stworzonej treści będzie jeszcze łatwiejsze.
      content-recovery

A co „pod maską”?

  1. Wsparcie dla dns-prefetch i prerender – WordPress korzystając z wp_resource_hints() standardowo prosi przeglądarkę o połączenie się z WordPressowym CDNem s.w.org. My możemy sami zadecydować kiedy i dla jakich zasobów skorzystać z dns-prefetch, preconnect czy prerender -> https://make.wordpress.org/core/2016/07/06/resource-hints-in-4-6/
  2. WP_Term_Query i WP_Post_Type – WP_Term_Query pozwala nam teraz operować z term_taxonomy_id. Drugie usprawnienie ma zmienić tablicę $wp_post_types w tablicę obiektów WP_Post_Type zawierających dodatkowe właściwości i metody do pracy z typami postów.
  3. Meta Registration API – zostało rozbudowane o typy danych, opisy oraz wsparcie REST API.
  4. Zaktualizowano biblioteki JavaScript – Masonry 3.3.2, imagesLoaded 3.2.0, MediaElement.js 2.22.0, TinyMCE 4.4.1 oraz Backbone.js 1.3.3
  5. Jeszcze szybsze Multi Site
  6. Nowa biblioteka do API – HTTP API korzysta teraz z biblioteki Requests, dzięki temu zyskujemy obsługę wielkości znaków w nagłówkach, równoległe żądania HTTP czy obsługę domen ze znakami diakrytycznymi.

[snippet] Usunięcie query string plików CSS i JS

Optymalizacja WordPressa to temat rzeka, istnieje wiele „trików”, mechanizmów czy pluginów, które pozwalają nam uzyskać cenne sekundy czasu ładowania naszej strony.

Jednym z tych trików jest usunięcie „query string” czyli unikalnego identyfikatora, który jest dopisywany przez WP do plików CSS czy JS. Gdy spojrzymy w źródło naszej strony to zauważymy tam wpisy podobne do poniższych:

/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.5
/wp-includes/js/jquery/jquery.js?ver=1.12.4

Każdy arkusz stylów czy plik ze skryptami JS po znaku zapytania ma dopisek „ver=xxx”. Podczas tworzenia strony jest to pożądane gdyż przeglądarka, CDNy i serwery proxy nie „keszują” naszej strony i każda zmiana w kodzie jest widoczna po odświeżeniu strony w przeglądarce. Natomiast gdy ukończymy prace nad naszą witryną i jedyne zmiany, które będziemy później wprowadzać ograniczają się tylko do HTMLa (czyli przykładowo będziemy dodawali wpisy na naszym blogu) możemy wymusić na WP aby nie dodawał query string.

Dzięki temu zabiegowi nasza przeglądarka zapisze sobie zasoby naszej strony w pamięci podręcznej i nie będzie musiała ich za każdym razem pobierać z serwera. Gdy korzystamy z CDNa jak na przykład Cloudflare, on również nie „keszuje” plików z parametrami, więc aby w pełni wykorzystać jego możliwości możemy je usunąć.

Kod, który musimy dodać do naszego pliku functions.php wygląda następująco:

Przeprowadziłem krótki test WP z motywem Avada. Początkowo GTMetrix pokazał mi komunikat:
gt-remove-query-stringPo użyciu wyżej wymienionego snippetu, kolejny test wyglądał następująco:
gt-removed-query-stringCzas ładowania spadł o około 0.7 sekundy. Może nie jest to wynik fenomenalny ale pamiętajmy, że to tylko jeden ze sposobów, który można łączyć z innymi. Ziarnko do ziarnka…
gt-query-string-2

[snippet] Usunięcie zakładki „Opinie” w Woocommerce

Jedną z najlepszych funkcjonalności WordPressa są haki (hooks) czyli filtry i akcje. Umożliwiają one modyfikację naszych motywów i pluginów bez zmieniania ich kodu źródłowego a jedynie poprzez dopisywanie kilku linijek kodu do pliku functions.php.

Postanowiłem zatem stworzyć serię wpisów z różnymi snippetami, które mogą się Wam przydać podczas pracy nad stronami opartymi na WordPressie czy sklepami na WP + Woocommerce.

Pierwszy z nich będzie dotyczył usunięcia zakładki „Opinie” na podstronie produktu. Poniższy kod wystarczy wkleić na końcu pliku functions.php naszego motywu.

Optymalizacja obrazów WordPress

Kompresja czy optymalizacja obrazów wykorzystywanych na naszych stronach WWW jest bardzo ważnym zagadnieniem. Dzięki odpowiednim narzędziom jesteśmy w stanie znacząco zmniejszać rozmiar grafik bez utraty ich jakości. Strona internetowa, której obraz zostały zoptymalizowane jest „lżejsza” czyli pobieramy mniej megabajtów by wczytać jej zawartość a co za tym idzie skraca się czas jej ładowania. Taka strona jest przyjaźniejsza dla użytkowników bo przecież nikt nie chce czekać kilkunastu sekund na wyświetlenie zawartości, dodatkowo może to wpływać na naszą pozycję w wynikach wyszukiwania gdyż jednym z parametrów branych pod uwagę przez Google jest czas ładowania strony.

W poprzednim wpisie opisałem kilka narzędzi on-line służących do optymalizacji obrazów. Ale gdy nasza strona oparta jest na WordPressie, czynność tę możemy zautomatyzować poprzez odpowiednie pluginy, które, po wrzuceniu plików do biblioteki mediów same zajmą się ich optymalizacją.

  1. WP Smush
    Banner WP SmushNajpopularniejsza wtyczka do optymalizacji obrazów. W wersji bezpłatnej:

    • Korzysta z kompresji bezstratnej
    • Umożliwia ustawienie maksymalnego rozmiaru uploadowanego obrazu (pozwoli uniknąć wrzucenia przez użytkownika np. zdjęcia o ogromnych wymiarach)
    • Obsługuje pliki JPEG, PNG oraz GIF
    • Pozwala na automatyczną bądź ręczną optymalizację obrazów
    • Kompresuje tylko obrazy o rozmiarze 1MB i mniejsze
  2. EWWW Image Optimizer
    Banner EWWW Image OptimizerWtyczka ta również używa kompresji bezstratnej, umożliwia optymalizację nowych obrazów jak i tych, które były już w naszej bibliotece przed zainstalowaniem wtyczki. Dodatkowo optymalizuje obrazy m.in takiego pluginu jak NextGen Gallery (pliki te standardowo nie są widoczne w bibliotece mediów WP). Obrazy są optymalizowane na naszym serwerze. Wersja płatna kompresuje obrazy w chmurze.
  3. Kraken Image Optimizer
    Banner Kraken Image OptimizerPlugin ten wymaga od nas rejestracji w serwisie kraken.io (link referencyjny) gdzie uzyskujemy za darmo 100MB quota na testowanie wtyczki. Gdy uznamy, że spełnia ona nasze oczekiwania to możemy skorzystać z płatnych planów. Funkcjonalności:

    • Kompresja stratna jak i bezstratna plików JPEG, PNG oraz GIF i maksymalnym rozmiarze 32MB.
    • Licencja nie jest ograniczona do jednej strony – mając konto możemy korzystać z krakena na wszystkich naszych witrynach.
    • Automatyczna optymalizacja wgrywanych obrazów jak i ich wygenerowanych przez WP miniaturek
    • Ustawienie maksymalnych wymiarów wgrywanego pliku
    • Możliwość zachowania wybranych metadanych EXIF
    • Plugin do gulpa, grunta oraz możliwość optymalizacji poprzez WP-CLI