Jak sprawdzić stan witryny po redesignie

Proces przeprojektowania jest złożony i wymaga pracy wielu osób i czasu. Projektanci chcą, aby strona była piękna, programiści chcą ją szybko kodować, a SEO, aby była zoptymalizowana – te trzy intencje nie zawsze się uzupełniają.

Przeprojektowanie można wykonać na wiele sposobów: za pomocą CMS, niestandardowego kodu, frameworków, kreatorów stron itp. Jednak nie wszystkie sposoby są przyjazne dla SEO, dlatego zaleca się wdrożenie przeprojektowania przy użyciu najlepszych praktyk SEO. W tym artykule zobaczymy, jak przeprowadzić przeprojektowanie witryny SEO i kroki, aby sprawdzić stan witryny po jej zakończeniu.

Jakie problemy z SEO mogą pojawić się po redesignie strony?

Jeśli tworzenie stron internetowych nie opiera się na najlepszych praktykach, może pojawić się wiele problemów związanych z SEO. Problemy z indeksacją, uszkodzone strony, szybkość witryny, słaba optymalizacja mediów, problemy z responsywnością i inne. Wszystkie te kwestie z pewnością będą miały wpływ na rankingi, powodując spadek ruchu organicznego.

Sprawdź witrynę przed przeprojektowaniem

Świetną rzeczą, jaką możesz zrobić przed opublikowaniem nowego projektu, jest przeprowadzenie kontroli stanu witryny, aby móc później z czymś porównać. Najpierw przeszukaj i zapisz listę wszystkich stron, aby sprawdzić, czy są prezentowane w nowej witrynie. Oprócz adresów URL, musisz zapisać ważne dane z nimi związane: metatagi, treść itp., aby sprawdzić, czy nic ważnego nie zostało utracone w zaktualizowanej witrynie. Zbieranie ich ręcznie może być trudne, szczególnie w przypadku dużych witryn, ale istnieje prostszy sposób — za pomocą oprogramowania do automatycznej kontroli stanu witryny. Na przykład narzędzie audytu witryny SE Ranking sprawdza i zapisuje statystyki na każdej stronie Twojej witryny, dzięki czemu możesz zobaczyć aktualny stan i historię zmian – możesz porównać całą witrynę lub każdą stronę z jej poprzednim indeksowaniem, co jest dokładnie tym potrzebujemy. Użyjemy tego narzędzia, aby zademonstrować ten proces, ponieważ sprawdza on witrynę z ponad 120 kryteriami naraz, dzięki czemu wszystkie potrzebne dane masz w jednym miejscu.

Jak sprawdzić stan witryny i wykryć problemy po przeprojektowaniu?

Najlepszym sposobem sprawdzenia kondycji witryny po opublikowaniu nowej wersji witryny jest porównanie jej ze starą. Aby to zrobić, musisz uruchomić dwa indeksowania za pomocą Audytu witryn rankingowych SE: jeden przed zmianami i jeden po. Korzystając z tych dwóch indeksowań, będziesz mógł upewnić się, że ważne rzeczy są nadal dostępne, a stare problemy zostały naprawione. Przyjrzyjmy się temu szczegółowo.

Podstawowe zagadnienia związane z indeksowaniem i indeksowaniem

Po przeprojektowaniu jedną z pierwszych rzeczy, które należy sprawdzić, jest to, że wszystkie strony są dostępne i można je ponownie zindeksować w nowej wersji. Główne problemy, które wpływają na indeksowanie i indeksowanie stron, to:

• Kod odpowiedzi inny niż 200 (1)
  Jeśli na stronie nie ma takiego adresu URL, kod odpowiedzi to 4xx; jeśli strona została przekierowana, kod odpowiedzi to 3xx; jeśli jest jakiś błąd po stronie serwera, kod odpowiedzi to 5xx. W każdym z tych przypadków strona nie może zostać załadowana i wyświetlona użytkownikom, więc nie można jej zindeksować ani dodać do indeksu Google – upewnij się, że wszystkie ważne strony mają kod odpowiedzi 200.
• Strona jest zablokowana w pliku robots.txt (2)
• Strona zawiera metatag robotów „noindex” (3)
• Kanoniczny adres URL odnosi się do innej strony (4)

Aby jednocześnie zweryfikować wszystkie te problemy, przejdź do Audyt witryny → Zindeksowane strony i wybierz odpowiednie kolumny, aby zobaczyć problemy z indeksowaniem i indeksowaniem na jednym ekranie.

Struktura adresu URL

W przeprojektowaniu nie zawsze chodzi o przód. Czasami wpływa to również na konfigurację zaplecza i/lub serwera. Jeśli przejdziesz do innego CMS lub zmiany wpłyną na strukturę adresów URL, musisz upewnić się, że nowe adresy URL są takie same jak stare lub odpowiednio skonfigurować przekierowania. Jeśli tego nie zrobisz, stare adresy URL będą miały kody odpowiedzi 404, a nowe strony nie odziedziczą zaufania ze starych stron, ponieważ będą traktowane jako zupełnie nowe strony.

Ponadto może wystąpić kilka problemów niezależnie od ścieżki strony:

• Ukośnik na końcu
  „…/przykładowy-url” to nie to samo co „…/przykładowy-url/”. Jeśli kanoniczny adres URL nie ma na końcu ukośnika, odwiedzenie adresu kończącego się ukośnikiem spowoduje wyświetlenie kodu odpowiedzi 404, który nie jest dobry dla SEO. Musisz upewnić się, że wszystkie nowe adresy URL kończą się tak samo jak stare lub odpowiednio skonfigurować kanoniczne i przekierowania.
• HTTP(S)
  Podobnie jak w poprzednim problemie, włączanie/wyłączanie połączeń SSL wpływa również na strukturę adresu URL i może powodować poważne problemy, jeśli jest nieprawidłowo skonfigurowane.
• www
  „www.example.com” nie równa się „example.com”. Ten prefiks był powszechnie używany we wczesnych epokach sieci WWW, aby wskazać, że zasób sieciowy miał być publicznie dostępny.
  Technicznie rzecz biorąc, „www.” jest subdomeną, a Google traktuje ją jako inną domenę, a nie folder. Jeśli próbujesz uzyskać dostęp do domeny lub subdomeny, która nie jest poprawnie skonfigurowana, pojawi się błąd, a także przeszuka boty. Aby uniknąć takich problemów, skonfiguruj przekierowania lub dodaj tagi rel=canonical wskazujące na preferowaną wersję Twojej witryny.

Metatagi

Publikując nową wersję witryny, musisz upewnić się, że wszystkie zoptymalizowane metatagi starych stron są na swoim miejscu. W przeciwnym razie brakujące lub błędne tytuły i opisy mogą spowodować znaczny spadek rankingów i ruchu. Aby sprawdzić kondycję witryny i czy nie masz stron z brakującymi lub niewłaściwymi tagami meta, przejdź do sekcji Tytuł i Opis w Raporcie o problemach z audytu witryny.

Aby upewnić się, że tytuły i opisy meta są takie same, jak przed zmianą projektu, użyj raportu Zindeksowane strony i włącz odpowiednie kolumny. Następnie porównaj je z tym, co było przed przeprojektowaniem.

Zawartość

Jeśli kilka stron ma tę samą treść, Google będzie miał trudności z ustaleniem, która strona powinna wyświetlić się w SERP, co spowoduje spadek rankingu wszystkich zduplikowanych stron.

Porównywanie treści może być trudne, zwłaszcza jeśli masz dużą witrynę internetową. Dobrą wiadomością jest to, że możliwe jest automatyczne wykrywanie takich problemów.

Zduplikowane strony

Zduplikowane strony to strony o identycznej treści. Czasami może być trudno je znaleźć, ponieważ mogą mieć różne adresy URL, ale istnieje parametr, który może pomóc w ich identyfikacji. Włączenie kolumny „Content Hash” spowoduje wyświetlenie unikalnego hash zawartości strony – kryptograficznego odpowiednika treści. Jeśli hash jest taki sam dla dwóch stron, oznacza to, że są one w 100% identyczne – przejrzyj te wystąpienia i pozostaw tylko jedną kopię strony.

Metatagi

Innym scenariuszem powielania są identyczne metatagi. Tytuł i opis meta mają znaczący wpływ, gdy wyszukiwarka ocenia trafność strony. Nie myl Google ze stronami z identycznymi metatagami, ponieważ żaden z nich nie będzie miał wysokiej pozycji w rankingu.

Aby znaleźć te strony, włącz kolumny „Zduplikowany tytuł” ​​i „Zduplikowany opis” w raporcie Zindeksowane strony narzędzia Audyt witryny lub przejdź do odpowiedniej sekcji w raporcie Problemy.

Nagłówki H1

Podobnie jak w przypadku metatagów, nagłówek strony ma pierwszeństwo przed innymi (pod)nagłówkami, gdy wyszukiwarka określa, o czym jest strona. Musisz upewnić się, że żadna z Twoich stron nie ma identycznych H1, aby się nie plagiatowały. Podobnie jak w przypadku sprawdzania metatagów, włącz w raporcie kolumnę „Duplicate H1”.

Podstawowe wskaźniki internetowe

Jeśli wdrażasz nowy projekt, powinieneś mieć pewność, że poprawi to wrażenia użytkownika; w przeciwnym razie nie ma sensu tego robić. Na szczęście Google opracował Core Web Vitals – zestaw wskaźników, które pomagają programistom ocenić ich UX.

Dzięki SE Ranking nie musisz sprawdzać każdej strony w Web.dev lub Lighthouse Chrome, ponieważ Audyt Witryny sprawdza wszystkie strony pod kątem wszystkich niezbędnych wskaźników jakości strony. Przejrzyjmy je.

Pierwszą rzeczą jest sprawdzenie podstawowych wskaźników internetowych: LCP, FID i CLS. Oto trzy parametry, które odzwierciedlają skuteczność Twojej witryny pod względem UX:

1. Największe wyrenderowanie treści oznacza, jak szybko pierwszy rzutnia zostanie wydrukowany w przeglądarce użytkownika. Ta metryka jest ściśle powiązana z szybkością ładowania strony internetowej, którą omówimy za kilka sekund.
2. Opóźnienie pierwszego wejścia mierzy, jak szybko użytkownicy mogą wchodzić w interakcję ze stroną (np. klikać łącza, przyciski). Ten parametr jest również związany z szybkością witryny.
3. Zbiorcze przesunięcie układu informuje, jak stabilna jest zawartość podczas wczytywania — bardzo denerwujące jest to, że elementy zawartości zmieniają swój rozmiar i położenie podczas wczytywania strony.

Te informacje można znaleźć w panelu Przegląd lub w sekcji Raport o problemie -> Skuteczność. Wspaniałą rzeczą jest to, że ten raport opiera się na danych z rzeczywistych użytkowników i testów środowiska laboratoryjnego. Jest to punkt wyjścia do dalszej optymalizacji.

Szybkość witryny

2 z 3 podstawowych wskaźników internetowych dotyczą czasu ładowania. Nie tylko to, ale statystyki mówią, że jedna trzecia użytkowników nie będzie czekać dłużej niż 3 sekundy na załadowanie strony. Dlatego można śmiało powiedzieć, że szybkość witryny jest kluczowym parametrem dotyczącym doświadczenia użytkownika. Zobaczmy, jak SE Ranking może pomóc Ci zidentyfikować i rozwiązać problemy z czasem ładowania.

HTML

Ponieważ wszystkie strony internetowe są napisane w HTML, jest to pierwsza rzecz, którą musisz zweryfikować po przeprojektowaniu. Zagadnienia są dość podstawowe, ale mają zasadnicze znaczenie dla dalszych poprawek. W związku z tym musisz upewnić się, że rozmiar HTML nie jest zbyt duży, aby wykluczyć duży rozmiar DOM, ponieważ renderowanie może być trudne, wpływając na całkowity czas ładowania. Upewnij się również, że kod HTML jest skompresowany i buforowany, aby zminimalizować rozmiar dokumentu i czas przetwarzania zaplecza.

JS i CSS

Współczesna sieć jest spleciona z JavaScript i CSS. Technologie te pomagają tworzyć piękne strony internetowe o zwinnej funkcjonalności. Czasami jednak te funkcje mogą negatywnie wpłynąć na wydajność witryny, dlatego podczas wdrażania nowego projektu ważne jest sprawdzenie, czy zasoby są zoptymalizowane.

Techniki optymalizacji plików JS i CSS są podobne:

1. Minifikacja
   Wyklucz wszystkie komentarze, podziały wierszy, dodatkowe spacje itp. – zostaw tylko znaki, które mają znaczenie.
2. Łączenie
   Staraj się udostępniać jak najmniej plików (najlepiej jeden JS i jeden CSS na stronę). Każde żądanie pliku wymaga czasu na odpowiedź serwera i pobranie go przez przeglądarkę – pojedynczy plik jest o wiele wygodniejszym sposobem na zrobienie tego.
3. Buforowanie
   Włączenie buforowania po stronie serwera oznacza, że ​​Twoje pliki nie będą generowane od podstaw za każdym razem, gdy użytkownik zażąda strony; zamiast tego zostaną doręczone ich zapisane kopie. Odbiera to wiele niepotrzebnego obciążenia z serwerów i poprawia czas ładowania.

Oto kilka ogólnych zaleceń:

• Unikaj używania frameworków i motywów
  Frameworki JS i gotowe CSS mogą zaoszczędzić trochę czasu, ale często nie są one tworzone z myślą o optymalizacji szybkości. Mają wiele funkcji, których nie potrzebujesz, a wszystkie te dodatkowe funkcje mogą być zbyt ciężkie, aby je załadować.
• Zachowaj ostrożność podczas łączenia plików JS
  Jeśli w pliku JS występuje pojedynczy błąd, inne funkcje w pliku mogą nie działać. Tak więc, jeśli masz pojedynczy plik JS, możliwe jest, że wszystkie funkcje przestaną działać. Utworzenie osobnych plików dla podstawowej funkcjonalności i piękna front-endu może być mądrą decyzją.

Obrazy

W przypadku SEO niezbędna jest również optymalizacja obrazów:

1. Obrazy powinny mieć tekst alternatywny, aby wyszukiwarki i osoby korzystające z czytników ekranu mogły zrozumieć, o czym jest obraz — upewnij się, że po przeprojektowaniu wszystkie obrazy mają sensowny tekst alternatywny.
2. Rozmiar obrazu
   Najlepszą praktyką jest serwowanie obrazu w rozdzielczości równej kontenerowi nadrzędnemu. Jednak tworzenie kopii obrazów pasujących do wszystkich możliwych kontenerów jest prawie niemożliwe ze względu na responsywny projekt, w którym kontenery mogą zmieniać swoje rozmiary. Możesz stworzyć kilka odmian obrazu (np. oryginalny rozmiar, szerokość 300px, szerokość 100px) do wykorzystania w różnych miejscach na stronie. Na przykład polecany obraz w artykule powinien być w oryginalnym rozmiarze, podczas gdy jako miniaturę na stronie archiwum lepiej jest użyć mniejszego obrazu o szerokości 300 pikseli lub mniejszej.
3. Kompresja obrazu
   Kompresja obrazu to proces zmniejszania liczby unikalnych kolorów użytych w obrazie. Umiarkowana kompresja prawie nie będzie widoczna dla ludzkiego oka, ale może zaoszczędzić do 30% rozmiaru pliku – to dużo, zwłaszcza biorąc pod uwagę, że obrazy mają duży rozmiar pliku w porównaniu z innymi zasobami strony.

Elastyczny projekt

Obowiązkowe jest sprawdzenie problemów z optymalizacją urządzeń mobilnych, ponieważ większość ruchu pochodzi z urządzeń mobilnych, a Google przestawił się na indeksowanie zorientowane na urządzenia mobilne. SE Ranking również to obejmuje.

Przechodząc do kategorii Optymalizacja mobilna w raporcie Problemy, będziesz mógł sprawdzić, czy Twoja witryna jest zgodna z podstawowymi zasadami projektowania responsywnego.

Zawijanie

Redesign to skomplikowany proces, zwłaszcza biorąc pod uwagę, że przeprojektowana witryna musi być zoptymalizowana pod kątem SEO. Najlepszym sposobem na osiągnięcie tego celu jest uwzględnienie praktyk SEO i wydajności.

Po opublikowaniu zmian musisz sprawdzić, czy wszystko jest w porządku – tutaj w grę wchodzą narzędzia do sprawdzania kondycji witryny. Aby mieć pewność, że Twoja nowa strona jest lepsza lub że nic nie zostało zepsute pod względem SEO i wydajności, musisz porównać ją z poprzednią wersją. SE Ranking robi dokładnie to, czego potrzebujesz: indeksuje, sprawdza i przechowuje dane audytu witryny, dzięki czemu możesz łatwo monitorować i porównywać wyniki według dat. Korzystanie z takich audytów umożliwia porównanie i poprawę stanu strony po redesignie.