Czego szukasz?

Jeżeli szukasz odpowiedzi na pytania związane z SEO lub Wordpressem wpisz frazę i czekaj na podpowiedzi lub kliknij enter! Wyniki pokazują także linki do zewnętrznych źródeł.

3158 artykułów w bazie

Jak przyspieszyć stronę opartą o WordPressa? SEO!

Na pewno większość z Was wie, że szybkość działania strony przekłada się na jej pozycję w wyszukiwarce. Oczywiście nie jest to czynnik decydujący, ale również mający znaczący wpływ na postrzeganie witryny przez użytkownika. Bo kto nie irytuje się, gdy musi długo czekać na załadowanie strony? Dlatego też, jeżeli inwestujesz dużo czasu i funduszy w uzyskanie dobrych wyników w wyszukiwarkach warto zainteresować się także jej szybkością działania.

Jak istotna jest szybkość działania strony?

W chwili obecnej nasuwa się pytanie jak ważna jest poprawa szybkości działania strony? Zwiększając ją na pewno odczują to użytkownicy, co znacząco może podnieść Twój współczynnik konwersji. Ale nie należy zapominać o robotach wyszukiwarek. Dzięki sprawniejszemu poruszaniu się po stronie będą w stanie nie tylko szybciej ją zaindeksować ale też zmniejszy się ilość danych, które musi Google gromadzić – co bez wątpienia zostanie docenione.Strony, które mają mniej treści, automatycznie szybciej się ładują. Stoi to w sprzeczności z wartością stron określanej na podstawie ilości zawartej w niej informacji. Wynikałoby z tego, że bardziej będzie liczyć się optymalizacja elementów a nie „wielkość” końcowa strony. Ostatecznie, jest to dobre posunięcie ze strony Google, zyskają na tym zarówno użytkownicy jak i on sam. Myślę jednak, że wartość tego elementu nie zmieni znacząco wyniku branego pod uwagę przy ustalaniu pozycji w wyszukiwarce.
Informacje zamieszczone na oficjalnym blogu Google:
While site speed is a new signal, it doesn’t carry as much weight as the relevance of a page. Currently, fewer than 1% of search queries are affected by the site speed signal
Wynika z tego, że szybkość strony ma znaczenie wtedy, gdy inne czynniki wpływające na pozycję są bardzo wyrównane lub gdy czas wczytywania jest BARDZO długi. Jeżeli porównamy dwie strony o zbliżonej trafności optymalizacyjnej oraz ilości/jakości linków wtedy szybkość strony może pokazać swoją „moc”.

Do mierzenia ładowania się strony używaj PageSpeed InsightsPingdom, WebPagetest a do sprawdzenia zachowania strony pod obciążeniem LoadImpact.

Co należy zrobić i na co zwrócić uwagę?

1. Hosting

Nie oszukujmy się – bez dobrego hostingu nie osiągniemy zbyt wiele. Co ja polecam? Z polskich rozwiązań na pewno dobrze już chyba wszystkim znany zenbox.pl. Jeżeli chodzi o tzw „hosting SEO” warto zastanowić się nad tym od linuxpl.com. Ogólnie przed zakupem warto poczytać opinie na http://www.webhostingtalk.pl/ranking/

2. Cache – oczywiście

Pokrótce polega to na tym, że przeglądarka jest w stanie zapisać statyczne pliki do swojej pamięci (po pierwszym wejściu) dzięki czemu przy następnym uruchomieniu strony załaduje się ona z dysku Twojego komputera – nie obciążając przy tym serwera www. Przy WP rozwiązanie jest bardzo proste. Instalujemy wtyczkę Comet Cache– dla małych stron – lub – W3 Total Cache – dla tych z większych.

3. Obrazki

3.1 Używaj odpowiednich formatów obrazków

– dla zdjęć wewnątrz postów .jpg

– wszystkie inne powiązane ze stroną .png (optymalizuj je za pomocą https://tinypng.com/ )

3.2 Zmniejszaj duże obrazki – oczywiście wtyczki do WP idą z odsieczą – Imsanity (zmniejsza rozmiar zdjęcia) zrobi to za Was automatycznie podczas uploadowania pliku. Można także skorzystać z alternatyw, które nie zmniejszają rozdzielczości zdjęć a tylko zmniejszają ich „wagę” – EWWW Image Optimizer lub WP Smush.it

Źródło: https://wordpress.org/plugins/imsanity/screenshots/

Posiada także opcję zmniejszania już wcześniej dodanych zdjęć.

Źródło: https://wordpress.org/plugins/imsanity/screenshots/

3.3 Rozważ wprowadzenie tzw. „Lazy load”. Na czym to polega? Podczas przeglądania artykułu obrazki doczytują się w locie tylko we fragmentach wpisu widocznego dla użytkownika. Wtyczka: Advanced Lazy Load

4. Usuń zbędne elementy w sekcji <head>

4.1 Czcionki – przeanalizuj swoje pliki .css (font-family: „nazwaczcionki”) i sprawdź, które z czcionek wykorzystujesz lub będziesz wykorzystywał. Następnie sprawdź w kodzie swojej strony odwołania do czcionek, które wyglądają np. tak:

<link href=’http://fonts.googleapis.com/css?family=Montserrat:400,700rel=’stylesheettype=’text/css‚>

i usuń te zbędne. Oczywiście korzystaj z Google Web Fonts – fajny artykuł na ten temat http://wpzen.pl/wordpress-google-web-fonts/

4.2 Pliki .js – podobną operację możemy przeprowadzić na nie używanych plikach javascript.

4.3 Domyślny bałagan WP – stosujemy się do porady http://www.seowordpress.pl/jak-oczyscic-header-strony-bez-wtyczki/

4.4 Ikony – pamiętaj, że obrazkowe ikony możesz zastąpić tzw „Webfont icon” więcej: http://www.hongkiat.com/blog/webfont-icons/

4.5 Sprites – stosuje się je dla większych stron. CSS Sprites to technika pozwalająca na łączenie wielu mniejszych obrazów, wykorzystywanych na stronie www, w jeden większy plik, który przy odpowiedniej pomocy styli CSS pozwoli na odpytywanie serwera tylko raz. Przykładowy plik dla facebook.com:

Więcej: http://blog.eduweb.pl/przyspiesz-swoja-strone-z-css-sprites/

5. Zastępuj obrazki efektów Css’em

Ile to już razy spotkałem się z sytuacją, że wszelkiego rodzaju tła lub inne elementy dekoracyjne strony były oparte na obrazku. Pamiętaj wszelkiego rodzaju gradienty, cienie, zaokrąglone krawędzie można bez problemu ostylować! Jeżeli musisz skorzystaj z generatorów typu:

http://www.css3factory.com/linear-gradients/

http://border-radius.com/

http://css3gen.com/box-shadow/

6. Optymalizacja bazy danych

Przed tą operacją warto zrobić backup bazy danych. Tak na wszelki wypadek 😉

Warto też zainteresować się wielkością naszej bazy oraz ilości tabel. WordPress przechowuje tam niepotrzebnie bardzo dużą ilość danych takich jak poprzednie wersje artykułów, opcje przejściowe, spamowe komentarze itp. Do wykonania szybkiego sprzątania świetnie nadaje się wtyczka: Wp-optimize

wp-optimize

Jak widzimy, u mnie w prosty sposób można zmniejszyć bazę o 4,1Mb – biorąc pod uwagę fakt, że ta czynność była wykonywana już kilka razy Wasze wyniki mogą być jeszcze większe.

7. Wtyczki

Przetestuj obciążenia jakie generuje każda z wtyczek za pomocą – P3 (Plugin Performance Profiler) wysuń odpowiednie wnioski. Po wyborze automatycznego skanowania wybieramy otrzymujemy rezultat podobny do tego:

Źródło: https://wordpress.org/plugins/p3-profiler/screenshots/

8. Przekierowania

Zredukuj ilość przekierowań 301 (jeśli nie są konieczne). Stanowczo nie stosuj przekierowań 301 do kolejnych przekierowań.

9. Usuń niedziałające linki

Aby przyspieszyć ten proces polecam użycie wtyczki: Broken Link Checker

Pamiętajcie natomiast o wyłączeniu jej po wykonaniu operacji ponieważ wtyczka jest bardzo zasobożerna.

10. CloudFlare CDN

https://support.cloudflare.com/hc/en-us/articles/201717894-Using-CloudFlare-and-WordPress-Five-Easy-First-Steps

Wojciech Władziński

O Wojciech Władziński

Branżą SEO zajmuję się od 2008 roku. Na co dzień specjalista ds. SEO w firmie Virtal. Tworzę i optymalizuję duże serwisy jak i mniejsze strony internetowe. Szczególnie upodobałem sobie środowisko WordPressa, który mimo powszechnej opinii nie jest tylko platformą blogową.
Udostępnij na: Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn

33 komentarze

  1. Chciałem zapytać, jak sprawdzają Wam się polecane wtyczki keszujące z captchą lub innym zabezpieczeniem komentarzy – ale nie macie żadnego zabezpieczenia 😉

    Wiem, że Akismet potrafi całkiem sprawnie odfiltrować spam od prawdziwych komentarzy, jednak nawet on nie jest idealny. A przede wszystkim Akismet przepuszcza komentarze, tyle, że od razu ładuje spam na odpowiednią półkę. Szukałem ostatnio czegoś, co pozwoli wstępnie odfiltrować automaty spamujące już na etapie dodawania komentarza. Uruchomiłem plugin Captcha i faktycznie – ilość spamu z automatów zmalała praktycznie do zera.

    Jednak okazało się, że zarówno WP Super Cache i Quick Cache nie pozwała dodać komentarzy moim Userom, bo keszował zapytania Captchy. To było słabe. W3C Total Cache uruchomiłem dzisiaj i tymczasem wygląda na to, że działa.

    • Wojciech Władziński

      Jeżeli chodzi o komentarze to captcha jest mi zbędna ponieważ Akismet + odpowiedni hosting daje radę . Co nie zmienia faktu, że dodanie jej jest dobrym pomysłem z tego względu właśnie, że dodają się jako spam i zaśmiecają bazę. Choć czasami bywa irytująca dla normalnego usera 😉

  2. Fajnie, że ktoś w jednym miejscu zebrał wtyczki, które w 100% wystarczą do przyśpieszenia wp. Pytanie tylko jak duży wpływ ma szybkość ładowania strony na pozycje w google. Warto by zrobić jakiś aktualny test na ten temat.

    Pozdrawiam,

  3. Ja dodatkowo wykorzystuje wtyczkę WP Smush.it, która potrafi jeszcze bardziej zredukować wagę zdjęcia. Swoją drogą zastanawiałem się czy ktoś zbadał, to czy ta szybkość ma znaczenie. Pod wpływem tego artykułu siadłem do swojego WordPressa kilka tygodni temu i udało mi się uzyskać 85 punktów, gdzie wcześniej miałem 66 (według tego Googlowskiego narzędzia)

  4. Patrząc od strony samego WordPressa, to bym w pierwszej kolejności zoptymalizowal kod html i połączył pliki .js oraz .css w jeden plik. Potem załadowałbym LazyLoad jeśli nasz blog posiada dużo zdjęć. Oczywiście uruchomił cache i to zarówno bazy danych jak i php (zmniejsza ilość zapytań do bazy danych i interpretera php serwując gotowe podstrony z cache), uruchomiłbym gzip jeśli standardowo serwer ma wyłączony, na sam koniec. do tego wszystkiego istnieją odpowiednie wtyczki pod wp. Na sam koniec odpaliłbym i skonfigurował wtyczkę All in One Wp Securitu. Samo ograniczenie botów spamujących, DDosów i innych prób ataków może drastycznie zmniejszyć na obciążenie bloga.

  5. Mam pytanie co do ikon. Na mojej stronie będzie dużo zdjęć. Zdarzy się wiele razy, że wpis to będzie po prostu zdjęcie. Szablon pozwala mi na wykorzystanie jako zdjęcia dużego obrazka wyróżniającego. I myślałam, że tak będę robić bo ładnie i dobrze to wygląda (budowanie listy polecanych, powiązanych itp), ale wtedy pomyślałam o SEO.. Zastanawiam się jak będzie lepiej:
    – wstawianie zdjęcia bezpośrednio do wpisu
    – wstawianie zdjęcia używając funkcji obrazka wyróżniającego

  6. Strona (blog) nie jest jeszcze online. Do każdego wpisu bedzie dodawane zdjęcie. Może być dodane bezpośrednio do treści wpisu lub jako ikona wpisu. Czy teraz jaśniej?:)
    pozdrawiam!

    • Wojciech Władziński

      To czy zdjęcie będzie dodane bezpośrednio do wpisu czy przez ikonę wpisu nie ma większego znaczenia. Znaczenie ma to jak (w jakim rozmiarze / wielkości w Kb/Mb) te zdjęcie będzie się wyświetlało na stronie.
      Chyba, że np. przy dodawaniu ikony wpisu automatycznie tworzy i umieszcza się na stronie zmniejszona wersja konkretnego zdjęcia.

  7. Super informacje. Przydatne na nowej drodze blogera.
    Przy okazji zapraszam na korepetycje z matematyki i rozwiązywanie zadań z matematyki. Niech logika będzie z Wami

  8. A czy używa ktoś może PrizmImage do redukowania rozmiarów zdjeć na stronie? Jeśli tak, to proszę o podzielenie się doświadczeniami. Dziękuję z góry!

  9. Świetny, jasny i bardzo przydatny tekst. Najbardziej mnie zastanawia jaki wpływ mają na szybkość strony mają stare wersje danych tekstów? Na bank nie jest to duplikacja treści, a skoro nie to co tu może zaszkodzić?

Zostaw odpowiedź

Email nie będzie publikowany. Wymagane pola są oznaczone *

Możesz używać tych tagów HTML <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Oferuję szereg usług związanych z WordpressemSPRAWDŹ OFERTĘ
Przeczytaj inne:
Jak wyświetlić reklamę tylko dla użytkowników z wyszukiwarki

Z badań przeprowadzanych przez specjalistów SEO wynika, że użytkownicy przychodzący na naszą stronę z SERP częściej klikają w reklamę znajdującą...

Zamknij