WordPress daje wiele mo\u017cliwo\u015bci do tworzenia witryn WWW, ich projektowania oraz prowadzenia. Dzi\u0119ki mo\u017cliwo\u015bciom WordPressa powstaj\u0105 witryny, kt\u00f3re da si\u0119 w prosty spos\u00f3b rozwija\u0107 tak\u017ce z uwagi na pozycjonowanie. By optymalizacja witryny internetowej na WordPressie by\u0142a skuteczna, warto si\u0119gn\u0105\u0107 po r\u00f3\u017cne narz\u0119dzia i wtyczki zaprojektowane do optymalizacji oraz {wspieraj\u0105ce|wspomagaj\u0105ce pozycjonowanie<\/a>.<\/p>\n Page Speed Insight<\/strong><\/p>\n Narz\u0119dziem szczeg\u00f3lnie korzystnym do optymalizacji witryn WWW jest przygotowany przez Google Page Speed Insight. To narz\u0119dzie g\u0142\u00f3wnie sprawdza czas, kt\u00f3rego potrzebuje przegl\u0105darka, \u017ceby w pe\u0142ni wy\u015bwietli\u0107 stron\u0119 . Na bazie danych Google ocenia witryn\u0119 w skali od 0 do 100 punkt\u00f3w. I chocia\u017c sam Page Speed nie poprawia pozycji, tak niewielka warto\u015b\u0107 punktowa mo\u017ce wywo\u0142a\u0107 jej zani\u017cenie. To co wa\u017cne w tym narz\u0119dziu, to pe\u0142na analiza element\u00f3w, kt\u00f3re wp\u0142ywaj\u0105 na ten albo inny wynik. Za spraw\u0105 Page Speed Insight wiadomo, jakie elementy wymagaj\u0105 poprawy. Dla przyk\u0142adu nale\u017cy zmniejsza\u0107 rozmiary grafik, usuwa\u0107 zasoby blokuj\u0105ce renderowanie, usuwa\u0107 niepotrzebne ju\u017c kody CSS, JavaScript albo wtyczki.<\/p>\n Google Lighthouse<\/strong><\/p>\n Szczeg\u00f3lnie rozbudowanym narz\u0119dziem optymalizacji witryn WWW na WordPress jest te\u017c narz\u0119dzie Google Lighthouse, zamieszczone w przegl\u0105darce. Dzia\u0142a w spos\u00f3b zbli\u017cony do Page Speed Insight, jednak jest znacznie bardziej funkcjonalne, z uwagi na dost\u0119pno\u015b\u0107 5 kategorii. Pierwsz\u0105 jest performance, czyli wydajno\u015b\u0107 witryny. Okre\u015bla stron\u0119 internetow\u0105 z uwagi na jej dzia\u0142anie. Ocenia m.in. czas \u0142adowania witryny, odnajduje nieu\u017cywane kody CSS, JavaScript, pokazuje elementy konieczne do naprawy, \u017ceby poprawi\u0107 wydajno\u015b\u0107. Drugim parametrem jest dost\u0119pno\u015b\u0107. W tym dziale istotne jest dostosowanie do u\u017cytkownika. Analizowane s\u0105 np. opisy alternatywne, zrozumia\u0142o\u015b\u0107 j\u0119zyka czy poprawna struktura.<\/p>\n Nast\u0119pny parametr \u2013 best practices \u2013 ocenia funkcjonalno\u015b\u0107 witryny internetowej pod wzgl\u0119dem zachowa\u0144 u\u017cytkownik\u00f3w. Dla przyk\u0142adu okre\u015bla mo\u017cliwo\u015b\u0107 wklejania hase\u0142, kwestie techniczne jak odpowiednie rozmiary pokazywanych grafik lub poprawne zastosowanie kod\u00f3w HTML. Google Lighthouse ocenia stron\u0119 internetow\u0105 te\u017c pod kierunkiem wska\u017anik\u00f3w SEO. Ocenia na przyk\u0142ad obecno\u015b\u0107 meta opis\u00f3w lub atrybutu alt do\u0142\u0105czanego do obraz\u00f3w. Pi\u0105ta kategoria, czyli PWA (Progressive Web App) ma za zadanie ocenia\u0107, czy witryna posiada funkcj\u0119 aplikacji dost\u0119pnej offline oraz czy dobrze dzia\u0142a w formie uproszczonej. Tak szczeg\u00f3\u0142owy audyt pokazuje wszystkie niedoci\u0105gni\u0119cia, kt\u00f3re trzeba zmieni\u0107 w kierunku optymalizacji witryny internetowej na WordPressie.<\/p>\n Test My Site with Google<\/strong><\/p>\n Funkcja Test My Site w odr\u00f3\u017cnieniu od Lighthouse oraz Page Speed Insight koncentruje si\u0119 w g\u0142\u00f3wnej mierze na mobilnych urz\u0105dzeniach. Najistotniejszej weryfikacji podlega czas \u0142adowania witryny oraz metoda pokazania jej na kom\u00f3rkach. Test My Site oferuje \u015bcis\u0142y raport wskazuj\u0105cy co nale\u017cy zmieni\u0107. Dla przyk\u0142adu zwraca uwag\u0119 na zasoby utrudniaj\u0105ce renderowanie, wydajno\u015b\u0107 JavaScript, a tak\u017ce podpowiada wyrzucenie nieu\u017cywanych narz\u0119dzi. Ta funkcja pokazuje r\u00f3wnie\u017c ulepszenia, kt\u00f3re pomog\u0105 dostosowa\u0107 stron\u0119 do potrzeb u\u017cytkownika, np. dzia\u0142anie witryny offline dost\u0119pnej ze wszystkich urz\u0105dze\u0144. Test My Site with Google pokazuje r\u00f3wnie\u017c usprawnienia zwi\u0105zane z takimi dzia\u0142aniami, jak szybka metoda logowania, rejestracji oraz p\u0142atno\u015bci. Google oferuje szeroki zakres narz\u0119dzi wskazuj\u0105cych najwa\u017cniejsze usprawnienia korzytnie wp\u0142ywaj\u0105ce na optymalizacj\u0119 witryny internetowej.<\/p>\n Wtyczki optymalizacji witryn WWW na WordPressie<\/strong><\/p>\n Opr\u00f3cz narz\u0119dzi proponowanych przez Google do optymalizacji witryn internetowych na Wordpresie da si\u0119 wykorzysta\u0107 r\u00f3wnie\u017c zaprojektowane w tym celu wtyczki. Loguj\u0105c si\u0119 do WordPressa otrzymuje si\u0119 dost\u0119p do bezp\u0142atnych oraz p\u0142atnych wtyczek, kt\u00f3re posiadaj\u0105 wiele ciekawych dodatk\u00f3w, wzbogacaj\u0105cych witryny internetowe. Wtyczki zwi\u0105zane z optymalizacj\u0105 maj\u0105 na celu dodawanie funkcji, kt\u00f3re oddzia\u0142uj\u0105 na jako\u015b\u0107 strony.<\/p>\n Autoptimize \u2013 zadaniem tej wtyczki WordPressa jest optymalizacja od strony kod\u00f3w CSS oraz HTML. Za pomoc\u0105 tej wtyczki redukowane s\u0105 nieu\u017cywane znaki w kodzie HTML. Za jej spraw\u0105 mo\u017cliwa jest r\u00f3wnie\u017c optymalizacja<\/a> obraz\u00f3w i czcionek. Co wi\u0119cej wtyczka Autoptimize przenosi skrypty w stopk\u0119, w ten spos\u00f3b minimalizuje czas wy\u015bwietlania samej strony.<\/p>\n Yoast SEO \u2013 to wtyczka, jaka sprawdza strony, podstrony, wpisy itp. z uwagi na poprawno\u015b\u0107 element\u00f3w SEO np. s\u0142\u00f3w kluczowych, atrybut\u00f3w alt, meta opis\u00f3w albo parametr\u00f3w title. Dzi\u0119ki tej wtyczce mo\u017cliwa jest edycja tych poszczeg\u00f3lnych element\u00f3w, a dodatkowo wtyczka pokazuje odpowiednio przygotowane elementy oraz te, kt\u00f3re nale\u017cy zmieni\u0107 w tre\u015bci, \u017ceby uzyska\u0107 jak najlepsze rezultaty optymalizacji witryny internetowej na Wordpresie.<\/p>\n W3 Total Cache \u2013 wp\u0142ywa na czas wy\u015bwietlania witryny. Za pomoc\u0105 dodawanych regu\u0142 podnosi wydajno\u015b\u0107 witryny co sprawia, \u017ce wy\u015bwietla si\u0119 ona zdecydowanie szybciej. Kieruje budowaniem pami\u0119ci podr\u0119cznej (cache), jej usuwaniem oraz na kompresj\u0119 kod\u00f3w np. HTML oraz CSS. T\u0105 metod\u0105 przegl\u0105darka zachowuje statyczne pliki podczas pierwszego wy\u015bwietlenia strony, a przy nast\u0119pnych razach \u0142aduje j\u0105 bez obci\u0105\u017cania serwer\u00f3w.<\/p>\n