Błędy projektowe, które mogą zrujnować SEO Twojej witryny

Wielu projektantów i artystów uważa, że ​​ich rzemiosło to przede wszystkim prawa optymalizacji pod kątem wyszukiwarek (SEO). Jednak artykuł opublikowany przez Association for Computing Machinery sugeruje, że około95 procent negatywnych opinii na temat strony internetowej ma związek z problemami projektowymi.Można śmiało powiedzieć, że design znacząco wpływa na postrzeganie stron internetowych, a tym samym na ich rankingi.

Ukryta wada w projekcie Twojej witryny

Nadszedł czas, w którym zbiegły się linie SEO, treści i projektowania graficznego . Wszystkie trzy dyscypliny, o których kiedyś myślano, że działają równolegle, teraz działają razem. I chociaż stwarza to wiele możliwości w marketingu, otwiera również większe ryzyko popełnienia błędów, które szkodzą Twoim wysiłkom w rankingu. Istnieje kilka aspektów projektowania witryny, które wymagają uwagi.

Ponownie przeanalizuj swój projekt strony internetowej i zwróć uwagę na następujące błędy:

Brak koncentracji na urządzeniach mobilnych

Od września 2020 r. Google jest na fali aktualizacji. Jedną z tych zmian jest przejście na witryny przyjazne dla urządzeń mobilnych z treścią, która wygląda dobrze i szybko ładuje się na ekranach urządzeń mobilnych. Dlaczego?

• W 2018 roku liczba użytkowników uzyskujących dostęp do internetu z urządzeń mobilnych przekroczyła liczbę użytkowników korzystających z niego za pośrednictwem innych urządzeń.
• Jeśli Twoja strona ładuje się po trzech sekundach, współczynnik odrzuceń wynosi 32 procent.

Firma Kissmetrics znalazła pewne problemy, z jakimi borykają się użytkownicy mobilni podczas uzyskiwania dostępu do witryny:

• Czterdzieści siedem procent odwiedzających oczekuje dwóch sekund ładowania.
• Czterdzieści procent odchodzi, jeśli ładowanie trwa dłużej niż trzy sekundy.
• Siedemdziesiąt dziewięć procent odwiedzających nigdy nie odwiedza ponownie witryny, która działała źle.
• Jeśli czas ładowania wydłuży się o 1 procent, prawdopodobnie stracisz 16 procent ruchu.

Wierzymy, że te ankiety wystarczą, aby zrozumieć, że indeksowanie zoptymalizowane pod kątem urządzeń mobilnych jest kolejnym kluczem do sukcesu SEO. Google potwierdziło to w swojej ostatniej aktualizacji Page Experience Update, która koncentruje się na poprawie komfortu użytkowania (UX). Page Experience działa na urządzeniach mobilnych i ma zostać wprowadzony w wyszukiwarce na komputery w marcu 2022 r.

Teraz strony internetowe, które biorą pod uwagę sygnały rankingowe strony i zasady projektowania UX, mają przewagę. Projektowanie UX to proces zrozumienia, w jaki sposób użytkownik wchodzi w interakcję i czuje się po interakcji z produktem. Jest on włączony głównie w celu zwiększenia łatwości użytkowania. Google ocenia teraz projekt witryny na podstawie trzech podstawowych wskaźników internetowych, które razem mierzą ogólną przyjazność witryny dla użytkownika.

Duże obrazy przeciwstawiające się responsywnej modernizacji

Czy kiedykolwiek próbowałeś wlać wodę z dzbanka do szklanki? Woda zaczyna się przelewać, gdy tylko szklanka się napełni. To samo stanie się, jeśli zaczniesz dopasowywać projekt swojej strony internetowej do małych ekranów urządzeń mobilnych.

Wyobraź sobie witrynę internetową zawierającą setki obrazów na stronie docelowej. Oczywiście użytkownikom będzie trudno poruszać się po stronie. W wersji mobilnej wszystko staje się za małe i nieczytelne.

Badanie przeprowadzone przez Searchmetrics wykazało, że 10 najlepszych witryn na stronie wyników wyszukiwania (SERP) miało mniej niż trzy obrazy na stronę w swoich witrynach. Wyciągnięta lekcja jest taka, że ​​im większy bałagan, tym trudniej jest wyszukiwarkom.

Test Google PageSpeed ​​Insights może dać ci kilka pomysłów, jak usunąć ciężkie elementy treści z projektu. Pokaże, jakie obrazy wymagają kompresji, aby strona była bardziej przyjazna dla SEO o ponad 50 procent.

Dodawanie tekstu na obrazach, które nie dodają wartości

Tekst to coś, co Google może odczytać, z wyjątkiem tego, że jest zakodowany w HTML na zapleczu witryny. Algorytm nie jest w stanie odczytać obrazów ani zapisanego w nich tekstu. Tak więc usprawnienie tekstu w Twojej witrynie to kolejny ważny aspekt SEO.

Wskazane jest dodawanie tekstu nie w obrazach, ale w kodzie projektu strony. Dzięki temu algorytm może odczytać, zidentyfikować słowa kluczowe i odpowiednio je uszeregować. Nawet jeśli jakiś tekst zostanie dodany do obrazu, zostanie on rozmyty po powiększeniu.

Ponadto dodanie tekstu do witryny ma zaletę, której brakuje większości projektantów. Jeśli odwiedzający w innym języku potrzebuje jakichkolwiek informacji, zakodowany tekst może zostać zmieniony, a obraz nie.

Aby wszystko działało, musisz popracować nad pewnymi aspektami, takimi jak:

Dodawanie znaczników Alt do obrazów

Znacznik alt to opis obrazu zakodowany w kodzie HTML na backendzie. Wyszukiwarki odczytują ten kod, aby zrozumieć znaczenie dowolnego obrazu dla zapytania o ranking. Nadmiar grafiki przyniesie więcej szkody niż pożytku. Musisz użyć nazwy obrazu jako znaczącego narzędzia SEO. FYI, Google może odczytać nazwę pliku. Tak więc, zamiast używać 12345.jpg, możesz użyć słów kluczowych opisujących plik, co pomaga pająkom w indeksowaniu.

Używanie właściwych kombinacji kolorów

Wyraźne obrazy muszą być wybrane z odpowiednią kombinacją kolorów. W badaniu stwierdzono, że ponad 40 procent wszystkich stron internetowych używa w swoim projekcie koloru niebieskiego, a następnie zielonego.

Bez niektórych informacji

Unikaj podawania danych kontaktowych lub przydatnych informacji na obrazach. Udostępnij informacje w stopce w subtelny, ale widoczny sposób. Możesz także rozważyć dodanie ważnych linków do swojej witryny w stopce, aby algorytm mógł ją zaindeksować.

Przekierowanie… Błąd OOPS 404

Projektowanie strony z uszkodzonym linkiem wydaje się tak trywialne, że większość ekspertów SEO to pomija. Ludzie często wpisują nieprawidłowy adres URL lub szukają strony, która nie jest już dostępna.

Oto okazja dla projektanta witryny do stworzenia czegoś, co przyciągnie uwagę użytkownika. Odwiedzając stronę błędu, użytkownicy mają tendencję do cofania się i zapominania o niej. To, co możesz tutaj zrobić, to podkreślić swoją obsługę klienta.

Być może czegoś szukają, gdy zostali przekierowani na stronę błędu. Możesz dodać linki związane ze stroną główną Twojej witryny lub kilka linków do Twoich usług. Pokazuje, że zależy Ci na doświadczeniu odwiedzających.

Niektóre marki zamieniły to w okazję do marketingu i budowania pozytywnej reputacji online. Na przykład mogli dodać link do bezpłatnego kuponu lub e-booka, z którego użytkownicy mogą skorzystać.

Dodanie linków do strony błędu może uniknąć utraty odwiedzających, ponieważ dodane linki są indeksowane z istniejącym adresem URL, zwiększając w ten sposób ruch i ranking.

Ten pomysł jest przełomem dla witryn, które są ponownie uruchamiane. Stare adresy URL będą wyświetlać stronę błędu 404. Możesz więc dołączyć formularz opinii do każdej strony błędu, aby użytkownicy mogli podać adres URL, który próbują zlokalizować, lub informacje, których szukają. Został przetestowany, a webmasterzy, którzy to zrobili, otrzymali e-maile od osób szukających aktywnego adresu URL.

Całkowite odrzucanie wyskakujących okienek

Ethan Zuckerman nadal żałuje, że 20 lat temu stworzył wyskakujące reklamy za pomocą JavaScript i Perla po stronie serwera. Choć są irytujące, zwiększają sprzedaż.

W przeciwieństwie do ankiety, w której 70 procent użytkowników uznało wyskakujące okienka za „nieistotne”, wiele firm mogło dzięki nim posmakować prawdziwych zysków. Nawet Entrepreneur odkrył, że angażowanie użytkowników za pomocą wyskakujących okienek poprzez wyświetlanie limitowanych ofert i sprzedaży zwiększyło ich sprzedaż o 162 procent. To niesamowite wyniki jak na funkcję, która jest tak nielubiana, że ​​Chrome ma wbudowany mechanizm ich blokowania.

Wyskakujące okienka nie są z natury złe. Więc, co robimy źle? Blog Google dla webmasterów mówi wszystko:

• Wyskakująca reklama pojawiająca się wkrótce po tym, jak użytkownik nawiguje po stronie przez SERP lub gdy szuka informacji
• Reklama obejmująca całą stronę z treścią
• Dodanie wyskakującego okienka layoutu nad zakładką, które odciąga główną treść serwisu od linii działania użytkownika

Dobrze zrobione wyskakujące okienka nie mogą być takie złe. W rzeczywistości WebMeUp zdecydowanie sugeruje włączenie wyskakujących okienek. Dlaczego? Ponieważ udało mu się zdobyć 95 procent swoich abonentów za ich pośrednictwem w ciągu kilku miesięcy. Czego zatem brakuje projektantom?

Oto kilka pomysłów, które należy zaprojektować, aby były przydatne dla gościa:

Wyskakujące okienka to świetny sposób na pochwalenie się liczbą już dokonanych sprzedaży lub pokazanie wszelkich statystyk, które mogą przynieść korzyść Twojej witrynie.

• Oferowanie wyprzedaży, rabatów, zachęt i gratisów za pośrednictwem wyskakujących okienek to świetny pomysł na zaangażowanie użytkownika.
• Czas, w którym będzie migać, jest idealnie ustawiony na pięć sekund. Dla stałych bywalców czas wyświetlania pop-upu okazał się idealny po każdej minucie.
• Użycie koloru czerwonego jako wezwania do działania (CTA) w celu przesłania wiadomości e-mail przyniosło maksymalną liczbę zgłoszeń

Strony główne Brakujące H1

Pająki odczytują elementy, takie jak metaopisy, tagi tytułowe, tagi alt, H1, H2 i kod HTML, aby znaleźć trafność zapytania. Jeśli którykolwiek z elementów nie zostanie odpowiednio zoptymalizowany, możesz stracić duże szanse na ranking. Jednym z takich elementów jest H1.

Ludzie mają tendencję do utożsamiania H1 z tagami tytułu, które są widoczne w SERP. Tagi tytułowe to przede wszystkim linki prowadzące do strony internetowej. To, co jest wyświetlane na stronie internetowej jako wyjaśnienie zapytania, jest znane jako nagłówek lub H1. Nagłówki nie pojawiają się podczas wyświetlania wyniku zapytania, ale pomagają pająkowi zidentyfikować tematykę witryny.

Nagłówki, które mogą być H1, H2 i tak dalej, są decydującymi czynnikami w SEO. Stanowią one część kodu HTML, który czytają pająki, i wyróżniają określone słowa, na których roboty indeksujące mogą się skupić.

Tak więc włączenie H1 to profesjonalna wskazówka dla webmasterów. Zapamiętaj te:

• H1 powinny zawierać podstawowe słowo kluczowe strony internetowej.
• H1 należy umieścić nad zagięciem. Nie powinny być zaciemniane przez całostronicowe wyskakujące okienko lub reklamę w części widocznej na ekranie.
• Pamiętaj, że masz około pięciu sekund, aby zaimponować odwiedzającemu. Upewnij się, że Twoje H1 są przekonujące.

Myślenie, że Google to dobry scroller

Podczas gdy użytkownicy mogą przewijać w dół, aby uzyskać odpowiednie informacje w mgnieniu oka, pająk nie byłby w stanie tego zrobić. Nie weźmie pod uwagę dodatkowej treści i stron, które mogą być odpowiednie i sprawią, że Twoja witryna będzie godna rankingu.

Martin Splitt z Google podczas konferencji online zwrócił uwagę na ten problem dość empatycznie. Zwrócił uwagę, że pająk czyta i indeksuje wszystko, co jest dla niego widoczne z góry. Aby rozwiązać problem z leniwym ładowaniem, webmasterzy muszą skorzystać z Centrum wyszukiwania Google. Gigant wyszukiwarek wspomina o kilku poprawkach:

• Chrome 76 umożliwia projektantom stron internetowych używanie atrybutów ładowania bez kodowania biblioteki do leniwego ładowania w JavaScript.
• Biblioteka JavaScript umożliwia ładowanie danych podczas wchodzenia do rzutni.
• Przewijanie stronicowane umożliwia użytkownikom kliknięcie łącza, które przeniesie ich do żądanej sekcji treści.

Być może dużo zainwestowałeś w swoją witrynę. Ale te błędy mogą mieć skutki odwrotne do zamierzonych. Bądź ich świadomy i podejmij niezbędne kroki i aktualizacje, aby upewnić się, że jesteś na szczycie swojej gry SEO i treści.