7 szczegółowych wskazówek, jak ulepszyć swoją witrynę

Nie jest tajemnicą, że Google uwielbia doskonałe technicznie witryny. Jeśli chcesz, aby Twoje witryny miały jak najlepszą pozycję w rankingu, nic nie zastąpi upewnienia się, że wiesz wszystko i robisz wszystko, co możesz.

Chociaż niektóre aspekty doskonałości technicznej zawsze były ważne, w tym artykule chcę skupić się na siedmiu powodach, dla których Twoja witryna nie działa tak dobrze, jak mogłaby być w 2018 r. Jeśli możesz rozwiązać te problemy, witryna będzie w najlepsza możliwa pozycja na ten rok i dającą się przewidzieć przyszłość.

Odwiedziny na stronach mobilnych stanowią obecnie ponad 52 procent ruchu w sieci na całym świecie. W krajach takich jak USA i Wielka Brytania liczba ta jest bliska 60 procent. Jeszcze przed 2018 r. Posiadanie dobrej witryny mobilnej było niezbędne, jeśli chcesz, aby Twoja firma zatrzymała i przekonała jak najwięcej użytkowników.

Teraz ogłoszenie pierwszego indeksu mobilnego Google, co oznacza, że ​​wersja mobilna witryny zostanie wykorzystana do ustalenia poziomu bazowego oceny pozycji witryny, a nie wersji komputerowej, sprawia, że ​​witryny mobilne są również niezbędne dla widoczności w wyszukiwarkach jako konwersja.

Jeśli chcesz dostosować swoją witrynę do urządzeń mobilnych lub zaktualizować istniejącą witrynę mobilną, ważne jest, aby zrobić to we właściwy sposób. Istnieją trzy popularne rozwiązania dla witryn mobilnych:

m.example.com - oryginalne rozwiązanie; obejmuje utworzenie oddzielnej witryny w subdomenie „m.” i przekierowywanie do niej użytkowników mobilnych
Dynamiczne wyświetlanie - dla każdego urządzenia tworzone są osobne projekty witryn; serwer ładuje odpowiedni dla użytkownika, w zależności od używanego urządzenia
Responsive - tylko jeden zestaw kodu HTML jest tworzony i obsługiwany, ale jest renderowany inaczej w zależności od rozmiaru ekranu

Chociaż wszystkie trzy rozwiązania są wykonalne, Google wyraźnie określił responsive jako swoją preferowaną metodę.

Elastyczne projektowanie ma wiele zalet. Z perspektywy Google jest to lepsze, ponieważ nie ma żadnych przekierowań.

Z punktu widzenia programistów i menedżerów stron internetowych oznacza to, że wystarczy poradzić sobie z jednym zestawem HTML, co znacznie ułatwia budowanie, utrzymanie i śledzenie witryny.

Jeśli masz do czynienia z wieloma witrynami za pośrednictwem m. a dynamiczne serwowanie, monitorowanie podróży klienta staje się znacznie trudniejsze i wiemy, że wiele ścieżek konwersji wymaga odwiedzin z różnych urządzeń.

W 2018 roku i później trudno jest pomyśleć o sytuacjach, w których responsywny projekt nie jest najlepszą konfiguracją mobilną. Chociaż Google nie karze aktywnie niereagujących witryn mobilnych, jeśli podały je jako preferowane rozwiązanie mobilne, rozsądnie jest wnioskować, że widzą w tym pewne korzyści.

Biorąc pod uwagę AMP dla treści i reklam

Jest to prawdopodobnie najbardziej kontrowersyjny z siedmiu punktów, które przedstawię w tym poście. Wielu marketerów cyfrowych, w tym ja, podniosło flagi ostrzegawcze w stosunku do AMP (przyspieszone strony mobilne) w przeszłości, zachęcając webmasterów i innych marketerów do oceny wartości, jaką AMP może w rzeczywistości dodać do swojej działalności przed poświęceniem czasu na jej wdrożenie.

Chociaż nadal tak jest, AMP jest ważny dla wystarczającej liczby firm, które warto uwzględnić w tym artykule, i uważam, że jego znaczenie wzrośnie w przyszłości. W szczególności specjalni wydawcy wiadomości i ambitni właściciele sklepów e-commerce powinni zwrócić na to szczególną uwagę.

Podsumowując, AMP to szybki sposób dostarczania treści użytkownikom urządzeń mobilnych. Google buforuje wersję strony AMP (niezależną od oryginalnej strony), którą może wyświetlać bez konieczności oczekiwania na serwer, by serwował całą stronę (serwery pamięci podręcznej Google są znacznie szybsze niż twoje). Przyspieszone strony mobilne są często widoczne w karuzeli wiadomości Google i w kanale artykułów w aplikacji Google, ale zaczynają też wkradać się do e-commerce.

Ponieważ AMP wymaga tworzenia nowych wersji treści i zarządzania nimi, należy rozważyć, czy wdrożenie go rzeczywiście przyniesie korzyści Twojej witrynie. Jeśli nie, ogólna szybkość witryny może być bardziej korzystna, biorąc pod uwagę, że celem AMP jest przyspieszenie przeglądania mobilnego.

To powiedziawszy, rozpowszechnienie AMP rośnie i widziałem, że staje się nowym standardem internetowym, który wszystkie strony muszą osiągnąć, w taki sam sposób, w jaki certyfikaty SSL stały się standardem. Od samego początku można budować nowe witryny z myślą o AMP, aby stały się bardziej rozpowszechnione w miarę ewolucji stron internetowych.

Mając to na uwadze, wraz z zespołem analizujemy możliwości AMP dla witryn e-commerce i Google Ads. Obecnie możliwe jest – choć nie rozpowszechnione – wyświetlanie treści AMP za pomocą reklam tekstowych Google, które ładują się w Chrome i na urządzeniach z Androidem. Aby to zrobić, po prostu wpisz adres URL strony docelowej AMP jako adres URL reklamy mobilnej.

Oprócz karuzel z wiadomościami strony AMP mogą również zastąpić standardową wersję adresu URL w wynikach wyszukiwania na urządzeniach mobilnych, jak pokazano na poniższych obrazkach ikoną błyskawicy AMP.

Nadal nie jestem pewien, czy w pewnym sensie będzie to w pełni przyjęty standard, ale w tej chwili pewne jest to, że szybkość witryny jest niezbędna, jeśli chcesz uzyskać dobre wyniki zarówno w bezpłatnych kanałach, jak i płatnych. To, jak osiąga się szybki czas ładowania, jest mniej ważne niż jest osiągane w pierwszej kolejności, ponieważ omówimy więcej w dalszej części.

Szybkość witryny

Podczas gdy prędkość treści AMP jest kontrolowana przez Google, nie ma powodu, dla którego nie można uzyskać naprawdę szybkiej witryny za pomocą własnych działań. Architektura serwera, kompilacja witryny i buforowanie można skonfigurować w taki sposób, aby witryna ładowała się szybko na wszystkich urządzeniach.

Jeśli Twoja witryna działa wolno, tracisz zarówno widoczność organiczną, jak i konwersje. Szybkość jest sama w sobie czynnikiem rankingowym, ale powolne witryny będą miały problem z utrzymaniem użytkowników przez cały czas.

Istnieje wiele różnych sposobów optymalizacji szybkości witryny. Możemy spojrzeć na kilka z nich, dzieląc proces ładowania strony na cztery ogólne (uproszczone) części (na podstawie tego podziału):

Żądanie, w którym dane strony są żądane z serwera
Odpowiedź, gdy serwer zbierze pliki potrzebne do utworzenia strony internetowej
Kompilacja, gdy przeglądarka zamienia dane z serwera na HTML i CSS DOM (model obiektu dokumentu)
Renderuj, gdy przeglądarka dodaje zasoby z innych źródeł, takich jak arkusz stylów lub plik JavaScript

Istnieją sposoby optymalizacji prędkości każdego kroku. Gdy wszystkie etapy zostaną zoptymalizowane, Twoja witryna będzie znacznie szybsza niż mogłaby być w przeciwnym razie.
Żądanie – za pomocą CDN i mniejszej liczby plików

Sieci CDN znajdują się między serwerem a przeglądarką, aby przybliżyć zasoby takie jak obrazy, CSS i JavaScript. W niektórych przypadkach możesz nawet umieścić całą witrynę w sieci CDN. Ulubioną siecią dostarczania treści moich zespołów jest Amazon Cloudfront; takie rozwiązanie skraca czas żądania użytkownika z dowolnej lokalizacji.

Ponadto zalecam przeprowadzenie kontroli plików wymaganych dla każdej strony witryny. Wiele motywów i skryptów próbuje załadować duże pliki w tle każdej strony w Twojej witrynie, nawet jeśli te pliki nie są potrzebne dla tej strony. Usunięcie tych niepotrzebnych żądań skraca czas ładowania.
Odpowiedź – buforowanie i HTTP / 2

Większość stron dynamicznych i zarządzanych treściami składa się z zawartości bazy danych, szablonów stylizacji i pewnego rodzaju pakietu oprogramowania, który może to wszystko połączyć. Aby serwer nie musiał zbierać treści witryny dla każdego użytkownika, możemy buforować ją w celu przechowywania gotowej wersji witryny.

http://sanrahpo1.pl/tworzenie-stron-internetowych
http://sanrahpo1.pl/tworzenie-stron-siedlce
http://sanrahpo1.pl/tworzenie-stron-warszawa
http://sanrahpo1.pl/strony-www-krakow
http://sanrahpo1.pl/strony-www-lodz
http://sanrahpo1.pl/strony-www-poznan
http://sanrahpo1.pl/strony-www-gdansk
http://sanrahpo1.pl/strony-www-szczecin
http://sanrahpo1.pl/strony-www-bydgoszcz
http://sanrahpo1.pl/strony-www-lublin
http://sanrahpo1.pl/strony-www-bialystok

Buforowanie można wdrożyć w systemie CMS witryny, ale buforowanie po stronie serwera może również służyć do przechowywania bardziej rozbudowanych konfiguracji na poziomie serwera. Buforowanie i CDN również dobrze się łączą, ponieważ możesz buforować całe strony w CDN, aby obsłużyć żądanie, zanim trafi ono na serwer.

Możesz także skorzystać z najnowszej technologii serwerowej, takiej jak HTTP / 2, aby przyspieszyć proces. HTTP / 2 pozwala na „przesyłanie strumieniowe” danych, co oznacza, że ​​serwer obsługuje wiele żądań z przeglądarki jednocześnie, zamiast zajmować się nimi jeden po drugim.

Kluczową kwestią w tej sekcji jest unikanie taniego, dzielonego lub „bez fanaberii” hostingu. Te opcje mogą wydawać się atrakcyjne, ale niższa cena będzie kosztować cenną szybkość i wydajność, co może spowodować, że na dłuższą metę stracisz więcej pieniędzy. Aby uzyskać więcej informacji, spójrz na ten post na blogu dotyczący wydajności.
Kompiluj i renderuj – optymalizując ścieżkę krytyczną i asynchronicznie ładując pliki

Proces kompilacji zostanie przyspieszony, jeśli zastosujesz niektóre techniki, o których wspomniałem w poprzednich dwóch sekcjach, ale możesz zrobić więcej, aby skrócić czas potrzebny do renderowania strony w przeglądarce użytkownika.

Kluczem na tym ostatnim etapie jest optymalizacja krytycznej ścieżki renderowania, co oznacza zmniejszenie liczby zasobów, które mogłyby zablokować pierwszą część strony, którą użytkownik zobaczyłby podczas renderowania.

Możesz zapobiec blokowaniu renderowania, przyspieszając w ten sposób cały proces renderowania, poprzez asynchroniczne ładowanie plików lub odznaczanie priorytetu niektórych z nich, aby ładowały się na końcu. Większość systemów zarządzania treścią faktycznie wychodzi od razu z pewną optymalizacją do blokowania renderowania, ale jeśli nadal widzisz słabą wydajność przeglądarki, powinieneś przyjrzeć się temu problemowi.

Jeśli sam szukasz sposobów na przyspieszenie procesu, upewnij się, że duże pliki JavaScript i CSS nie muszą być ładowane do głowicy dokumentu. Jeśli to możliwe, wszystkie JavaScript powinno być pozbawione priorytetów w stopce, CSS powinien być ładowany tylko w razie potrzeby, a zasoby zewnętrzne powinny być ładowane asynchronicznie, jeśli to możliwe.

Optymalizacja szybkości witryny to bardzo techniczna czynność, ale warto ją wykonać, jeśli chcesz, aby Twoja witryna działała zarówno w kanałach bezpłatnych, jak i płatnych.

Zrozumienie, w jaki sposób Google indeksuje (lub nie indeksuje) JavaScript

Frameworki JavaScript stają się popularnym narzędziem we współczesnym tworzeniu stron internetowych, ale Google od dawna ma problemy z indeksowaniem stron renderowanych w ten sposób. W 2018 r. Roboty Google są lepsze niż kiedykolwiek indeksowały i renderowały JavaScript, ale jeszcze ich nie ma.

Frameworki JavaScript w zasadzie pozwalają na renderowanie stron z JS, zamiast ładowania dużej ilości HTML z serwera. Witryny zbudowane w ten sposób wymagają tylko żądań serwera dotyczących danych specyficznych dla produktu lub strony; wszystko inne jest budowane dynamicznie.

Istnieją dziesiątki popularnych frameworków JavaScript: Vue, React i Angular, żeby wymienić tylko kilka. Wszystkie te renderują treść w podobny sposób. Zwolennicy tej metody programistycznej twierdzą, że prowadzi ona do lepszego doświadczenia użytkownika i mogą mieć rację.

Jednak Google nie jest całkowicie na pokładzie. Ramy JS są znane z tego, że tworzą problemy dla sprzedawców wyszukiwarek pracujących zarówno w bezpłatnych wyszukiwaniach, jak i w płatnych wyszukiwaniach. Wiemy, że Google renderuje JavaScript podczas indeksowania, ale nie zawsze. Search Console pozwala nam teraz zobaczyć, jak wygląda strona wyświetlana przez Googlebota, ale wiemy, że nie dzieje się tak za każdym razem, gdy Google indeksuje Twoją stronę internetową.

Strona bez renderowania JavaScript wygląda jak strona Google zawierająca głównie puste tagi HTML, co oznacza, że ​​nie widzi żadnej treści, której potrzebuje, aby ustalić temat i jakość tej strony, w tym zarówno tekst, jak i obrazy. To od dawna stanowi problem dla stron, na których niektóre teksty, grafiki i linki były ukryte lub załadowane za pomocą JavaScript, ale mogą być teraz problemem dla całych witryn, jeśli polegają na renderowaniu JS.

Wiemy, że nad tym pracuje Google. Za rok, może tam będą. Jednak od teraz strony o wysokiej wydajności powinny unikać ram JS dla wszystkich kluczowych elementów i elementów nawigacyjnych.

Opracowanie najlepszych praktyk dotyczących widoczności wyszukiwania zajmie trochę czasu i prawdopodobnie warto poczekać, aż roboty Google lepiej renderują JavaScript, zanim w pełni się na to zdecydujesz.

Prawidłowe konfigurowanie witryn międzynarodowych

W naturalnym toku naszej pracy co tydzień widzimy zarówno dobre, jak i złe przykłady internacjonalizacji. Różne agencje i marki już od jakiegoś czasu budują strony internetowe dla różnych terytoriów, często bez uwzględnienia optymalizacji wyszukiwania.

W 2018 r. Prawie każda firma przechodzi w tryb online, a nawet niektóre z nich szukają opcji internacjonalizacji. Potrzeba odpowiedniego skonfigurowania jest ważniejsza niż kiedykolwiek wcześniej – jeśli zrobisz to źle, stracisz na coraz bardziej konkurencyjnym rynku globalnym. Im więcej możesz zrobić, aby witryna była dostępna na wielu terytoriach i w różnych językach, tym więcej możesz zyskać.

Prawidłowe wdrożenie internacjonalizacji polega na tym, że użytkownik trafia na stronę w swoim języku lub ukierunkowaną na swój kraj. Google znacznie poprawia się w dostarczaniu różnym użytkownikom odpowiednich treści dla ich kraju, ale wciąż wiele musi zrobić webmaster, aby zapewnić jak najlepsze wrażenia swoich użytkowników.

Google pomógł firmom zajmującym się wyszukiwaniem bezpłatnych wyników wyszukiwania w jak najprostszy sposób uzyskać odpowiednią internacjonalizację, udostępniając metatag o nazwie „hreflang”. To jest tag umieszczony w nagłówku HTML strony. Tag znajduje się w elemencie linku i zawiera zarówno język, jak i stronę, którą użytkownik powinien zobaczyć, jeśli mówi w tym języku.

W tym samym elemencie można również określić wiele języków. Google ma stronę pomocy na ten temat, która zawiera konkretne przykłady jej wdrożenia. Wiele systemów zarządzania treścią obsługuje teraz hreflang od razu po wyjęciu z pudełka, więc naprawdę nie ma powodu, aby go nie wdrażać, jeśli kierujesz reklamy do międzynarodowych odbiorców.

Wszędzie tam, gdzie istnieje wiele opcji językowych dla strony określonej w tagach hreflang, zaleciłbym również ustawienie domyślnego celu, aby było jasne dla Google, że użytkownicy z nieokreślonych terytoriów powinni zobaczyć tę stronę.

Dzięki temu masz jak największą kontrolę nad podróżami różnych użytkowników przez stronę, co zmniejsza prawdopodobieństwo, że Google wyświetla niewłaściwe treści. Ponieważ Google staje się lepszy pod tym względem, ryzyko i tak powinno się naturalnie zmniejszyć.

Wkładanie treści do silosów

Wiadomo, że umieszczanie treści w silosach, co oznacza tworzenie architektury witryny, w której kluczowe strony informacyjne są zagnieżdżone w tych samych folderach, co główna strona usługi lub kategorii, od pewnego czasu pomaga poprawić organiczne rankingi kluczowych słów kluczowych. Teraz jesteśmy w 2018 r. Strategia dojrzała, dzięki czemu silosy są bardziej przyjazne dla użytkownika i bardziej skuteczne niż kiedykolwiek wcześniej.

Dobrze wykonany silos treści ma co najmniej dwie główne zalety: lepszą wydajność organiczną powiązanych słów kluczowych i lepszą wygodę użytkowania. Treści tematyczne zagnieżdżone w jednym folderze pomagają pozycjonować inne strony w tym folderze, poprawiając jakość powiązanych treści w witrynie i umożliwiając wyraźniejszą wewnętrzną strukturę linków.

Google zawsze stara się bardziej oceniać witryny z dobrym poziomem informacji na ich tematy, nawet jeśli informacje te nie są zawarte na jednej stronie. Ponadto wyższa liczba wewnętrznych linków za pomocą okruchów i linków kontekstowych ułatwia Google znajdowanie i indeksowanie stron oraz wzmacnia relację tematyczną grupy stron.

Doświadczenie użytkownika może się również poprawić dzięki dobrze wykonanym silosom. Na przykład często zadawane pytania na temat kategorii o wysokiej wartości w tym samym folderze co strony kategorii pozwalają użytkownikom szybko i łatwo znaleźć więcej informacji, co może być różnicą między pobytem w witrynie lub szukaniem w innym miejscu.

Jeśli cała twoja treść informacyjna jest ukryta w blogu lub sekcji przewodników, wykopanie jej przez użytkowników może być bardzo trudne, szczególnie jeśli nie masz skutecznej wewnętrznej funkcji wyszukiwania w witrynie.

Wiele systemów zarządzania treścią pozwala od razu skonfigurować silosy, ale niektóre mogą wymagać najpierw zainstalowania wtyczek. Planując strukturę, musisz upewnić się, że adresy URL pozostają czyste i są łatwe w nawigacji dla użytkowników, w przeciwnym razie możesz osłabić niektóre z korzyści, o których mówiłem powyżej.

Jeśli Twój CMS nie pozwala Ci na umieszczenie zawartości w silosie po wyjęciu z pudełka, być może będziesz musiał porozmawiać z twórcami witryny o najlepszym sposobie jej wdrożenia.

Przegląd starych treści i strategii

Ważne jest, aby patrzeć w przyszłość, ale czasem najlepszym sposobem na przygotowanie się na przyszłość jest optymalizacja tego, co już masz. Można to zrobić na wiele różnych sposobów, ale mamy tylko garść.

Jedną z metod jest sprawdzenie twoich obecnych rankingów pod kątem możliwości „szybkiej wygranej”. Istnieją one tam, gdzie Twoje strony są w rankingu tuż za pierwszą stroną, a może poza trzema najlepszymi wynikami. Budując linki do tych stron, aktualizując zawartość lub dodając odpowiednie media, możesz sprawić, by odniosły większy sukces dzięki relatywnie niskim zasobom.

Inną kluczową strategią jest ciągłe odwiedzanie wysokowydajnej strony informacyjnej i komercyjnej, aby zapewnić, że prezentują najbardziej aktualne informacje. Może to pomóc stronom, które już generują duży ruch, w konwersji większej liczby użytkowników, co przekłada się na większe przychody z Twojej witryny.

Jest to szczególnie ważne tam, gdzie zastosowałeś strategię dotyczącą treści wiecznie zielonych lub kluczowych. Jeśli chcesz, aby treść najwyższego poziomu pozostała aktualna, należy ją okresowo sprawdzać i w razie potrzeby aktualizować.

Jakakolwiek treść już istnieje w Twojej witrynie, powinna zostać uwzględniona w twoich planach na przyszłość. Wszystko dobrze i dobrze mówi o tym roku i później, ale zainwestowałeś czas i pieniądze w swoje obecne treści, których nie można zmarnować.

Zastanów się, co już masz, jeśli zastanawiasz się, jak poprawić szybkość witryny, które silosy treści utworzyć, lub jakie są wrażenia z mobilnego korzystania z witryny. Aby strategie wybiegające w przyszłość były jak najbardziej skuteczne, powinny współpracować i ulepszać to, co już masz.