Jak połączyć SEO i projektowanie stron internetowych, aby tworzyć bardziej efektywne strony dla Twojej osoby i wyszukiwarek?

Opublikowany: 2021-07-12

Znaczenie SEO w projektowaniu stron internetowych polega na tym, że kiedy inwestujemy w rozwój strony internetowej, chcemy, aby była ona bardzo reprezentacyjna i przyjazna dla wyszukiwarek, z przyjemnymi elementami wizualnymi, a także oferowała funkcjonalną, prostą i intuicyjną nawigację.

To wszystko jest częścią troski o zapewnienie dobrego doświadczenia użytkownika. Czy jednak możemy pogodzić to podejście z usługami i technikami SEO?

Chociaż połączenie optymalizacji pod kątem wyszukiwarek i projektowania stron internetowych wiąże się z kilkoma wyzwaniami, jest to bardzo realna mieszanka.

Staje się to jasne, ponieważ rozumiemy znaczenie tworzenia atrakcyjnych stron zarówno dla użytkowników, jak i wyszukiwarek, a także lepiej rozumiemy błędy projektowe, które wpływają na optymalizację.

Chcesz wiedzieć więcej? Następnie przeczytaj poniżej!

Po co łączyć SEO i projektowanie stron internetowych?

Istnieje wiele argumentów przemawiających za uznaniem SEO i projektowania stron internetowych za sprzymierzeńców przy tworzeniu nietuzinkowej strony internetowej. Zobaczmy 5 głównych powodów, aby zachować równowagę.

1. Większość ruchu pochodzi zwykle z bezpłatnych wyszukiwań

Według badania przeprowadzonego przez BrightEdge — firmę, która posiada zaawansowaną platformę optymalizacji wyszukiwarek i inne rozwiązania marketingu internetowego — wyniki organiczne odpowiadają średnio 50,1% ruchu w witrynie.

Oznacza to, że bez względu na to, jak skuteczna może być strategia płatnego ruchu, naturalne wyszukiwania to te, które ostatecznie przyciągną więcej odwiedzających do Twojej witryny . Dlatego musimy spojrzeć na SEO jako doskonałą okazję do optymalizacji naszych stron, aby wzmocnić ten kanał z większą szansą na przyciągnięcie potencjalnych klientów.

[rock_performance lang="pl"]

Jeśli Twoja firma ma już od jakiegoś czasu stronę internetową, bloga lub e-commerce, sprawdź swoje narzędzie do analityki internetowej. Jest bardzo prawdopodobne, że ruch organiczny jest Twoim największym kanałem pozyskiwania odwiedzających. Dlatego ważne jest, aby projekt strony internetowej był przyjazny dla SEO.

2. Wygląd Twojej strony internetowej odzwierciedla zaangażowanie firmy

Kiedy wchodzimy na stronę i zauważamy przeoczenie przy wyborze układu, czcionek, kolorów, obrazów i innych elementów wizualnych, często zakłada się, że marka nie jest zobowiązana do zapewnienia odwiedzającym dobrego doświadczenia.

Dlatego ważne jest, aby zainwestować w wysokiej jakości stronę internetową, o designie zgodnym z wartościami firmy i w harmonii z charakterystyką persony.

3. Zły projekt trzyma użytkowników z daleka

Poza niszczeniem reputacji marki, strona internetowa o złym wyglądzie i wrażeniach z użytkowania ma zazwyczaj natychmiastowe konsekwencje dla zachowania użytkownika: ludzie mają tendencję do porzucania tej strony.

Warto pamiętać, że ta frustracja zdarza się nie tylko w przypadku stron, które mają zły design, ale także tych, które mają zbyt wiele elementów projektu .

Nadmierna funkcjonalność i obrazy o rozdzielczości znacznie powyżej pożądanej również utrudniają nawigację i zwiększają chęć kliknięcia przycisku Wstecz.

4. Niektóre technologie nie działają dobrze z wyszukiwarkami

Kiedy Flash był u szczytu, pozwalał tworzyć strony internetowe z efektami i animacjami, których standardy sieciowe w tamtym czasie prawie nie pozwalały.

Możliwości w zakresie projektowania i rozwoju były niesamowite. Roboty wyszukiwarek nie potrafią jednak śledzić tej technologii, co utrudnia (bardzo) indeksowanie zbudowanych w ten sposób stron internetowych .

Flash jest jednym z najbardziej godnych uwagi przykładów, ale bardzo dobrze pokazuje, jak wykorzystanie technologii ceniącej tylko aspekt projektowy może zrujnować obecność marki na stronach wyników wyszukiwania.

5. Prowadzenie SEO podczas budowy strony internetowej pozwala uniknąć przeróbek

Ponieważ SEO polega na optymalizacji, firmy często zostawiają ten krok na później, gdy projekt strony internetowej lub nawet cały rozwój strony internetowej jest już gotowy.

Okazuje się, że wymaga to szeregu modyfikacji, których można by uniknąć, gdyby SEO było częścią procesu budowania strony od samego początku.

Jakich zasad nie może zabraknąć w tym połączeniu?

Teraz nauczmy się podstaw i niezbędnych elementów, aby stworzyć atrakcyjną stronę internetową zarówno dla person, jak i wyszukiwarek.

1. Nawigacja i struktura strony

Kiedy idziemy do supermarketu, znajdujemy tabliczki z napisami m.in. Owoce i Warzywa, Napoje, Mrożonki, Higiena. Jeśli na przykład przejdziemy do sekcji Higiena, zobaczymy produkty oddzielone dezodorantem, mydłem, pastą do zębów, szamponem i tak dalej.

Można powiedzieć, że strona internetowa jest zorganizowana w podobny sposób . Dzielimy produkty lub treści na kategorie i podkategorie, zachowując hierarchię. Są one dostępne w menu, dzięki czemu użytkownik może przeglądać według tego, czego szuka.

Innymi słowy, użyj znaków departamentów w supermarkecie jako przewodnika w projektowaniu nawigacji w witrynie, gdzie podział sklepu na sekcje i podsekcje – oraz wybór ich nazw – jest równoznaczny ze strukturą strony internetowej.

Jako przykładu użyjmy Amazon.com.

seo e projektowanie stron internetowych Amazon

Istnieje globalne menu nawigacyjne z opcjami związanymi z zakupami (Sklepy), Twoim kontem i Codziennymi ofertami. W menu Sklepy, jeśli przejdziemy do Książek, zobaczymy więcej podkategorii (Wszystkie książki, Książki w wyprzedaży, Bestsellery i inne).

Po kliknięciu na Wszystkie książki zostajemy przekierowani na konkretną stronę z ofertami i lokalnym menu, gdzie użytkownik może uzyskać dostęp do tytułów według gatunku, autora lub wydawcy.

seo e projektowanie stron internetowych Amazon

Zwróć uwagę, jak Amazon starał się nie umieszczać wszystkich możliwych opcji w tym samym menu. Nawigacja wyraźnie przechodzi z szerszej do bardziej szczegółowej kategorii.

Oprócz pomagania użytkownikom w zrozumieniu, co witryna ma do zaoferowania i umożliwieniu im przejścia tam, gdzie chcą, organizowanie według poziomów i podpoziomów pomaga wyszukiwarkom zrozumieć kontekst i stopień ważności między jej stronami.

Dlatego postaw na prostotę unikając budowania wymyślnych menu. Zamiast tego grupuj treści lub produkty z odpowiednim podziałem kategorii i podkategorii. Jeśli napotkasz trudności w tym procesie, architektura informacji będzie bardzo pomocna.

2. Układ treści

Nie od dziś wiadomo, że jakość treści SEO jest jednym z najważniejszych czynników wpływających na algorytm Google. Dlatego doceń informacje, które oferuje Twoja witryna.

Pamiętaj, że w sieci konkurujemy o uwagę użytkownika, który prawdopodobnie oprócz Twojej strony ma otwartych kilka innych kart. W tym kontekście, w którym każda wizyta na Twojej stronie może być uznana za zwycięstwo, musimy skupić się na treści i nie tworzyć dodatkowych rozpraszaczy.

Dlatego zawsze myśl o pomocy czytelnikowi w znalezieniu tego, czego chce, równoważąc tekst, elementy wizualne i puste miejsca, aby nie zaniedbywać treści .

3. Reagowanie

Responsywny projekt – mający możliwość dostosowania się do rozmiaru ekranu urządzenia użytkownika – jest niezbędny, zwłaszcza w obliczu rosnącego wykorzystania mobilnego internetu na świecie. Aby to zilustrować, telefon komórkowy jest już głównym sposobem dostępu do Internetu w wielu krajach na całym świecie.

Ze względu na takie znaczenie wyszukiwarka Google już uważa zgodność stron z urządzeniami mobilnymi jako jeden z czynników rankingowych w wyszukiwarkach.

Z tego powodu upewnij się, że cenisz wolność swoich odwiedzających i zawsze oferuj przyjemne wrażenia, niezależnie od tego, czy wolą odwiedzać Twoją witrynę z komputera, czy z innego urządzenia.

4. Wykorzystanie obrazów

Wizualna atrakcyjność strony internetowej ma kluczowe znaczenie dla wygenerowania połączenia między odwiedzającym a marką. W tym sensie obrazy są ważnymi sprzymierzeńcami poprawiającymi wygląd i uzupełniającymi treść tekstową obecną na stronie.

Okazuje się, że wyszukiwarki nie są (jeszcze) w stanie zinterpretować tego, co jest na zdjęciach. Z tego powodu, jeśli chodzi o SEO, musisz dołączyć opis do zdjęć, które zdecydujesz się dodać. Aby to zrobić, po prostu wstaw „tekst alternatywny”, używając atrybutu alt text.

Niestety nie jest to jedyny problem, jaki powinniśmy mieć z obrazami. Jak zobaczymy poniżej, są one często źródłem wielu błędów utrudniających pozycjonowanie.

Jakie błędy w projektowaniu stron internetowych najbardziej wpływają na SEO?

Po zapoznaniu się z korzyściami płynącymi z połączenia obu elementów i zrozumieniu filarów tej kombinacji, zobaczmy 10 błędów w projektowaniu stron internetowych, które mogą zrujnować pozycjonowanie Twojej marki w rankingach wyszukiwania.

1. Zapominanie o kompresowaniu obrazów

Wysokiej jakości obrazy są niewątpliwie ważną częścią dobrego projektu. Jeśli jednak mają bardzo wysoką rozdzielczość, mogą wpływać na szybkość wczytywania witryny .

Użytkownik nie będzie miał cierpliwości, aby czekać na otwarcie strony, jeśli zajmie to więcej niż kilka sekund, a nawet więcej, jeśli uzyskuje dostęp do niej z urządzenia mobilnego. Dlatego dla Google szybkość ładowania witryny jest czynnikiem rankingowym.

Z tego powodu ważne jest, aby zwracać uwagę na rozmiar (pod względem wymiarów i megabajtów) swoich obrazów, aby nie spowalniały twoich stron internetowych. Zawsze staraj się użyć narzędzia do kompresji obrazu przed dodaniem ich do witryny.

Sprawdź TinyPNG. W tym przykładzie udało się skompresować obraz o 75%!

2. Publikuj złe treści

O ile treść nie zawsze wiąże się z projektowaniem i tworzeniem, to musimy pamiętać, że istnieją aspekty estetyczne, które mogą utrudnić użytkownikowi w nią zaangażowanie. Bardzo duże akapity i zdania, bardzo mała czcionka i kolor tekstu utrudniający czytanie to elementy, które wyszukujący są w stanie wykryć.

Zwróć uwagę na obrazek poniżej, jak słowa są takie same.

projektowanie stron
Źródło: Konkurenci SEO

Zobacz, jak bardzo duże bloki tekstu, całe akapity pisane wielkimi literami i kolor bez odpowiedniego kontrastu znacznie pogarszają wrażenia.

3. Dodaj nadmierne wywołania JavaScript

Sieć jest pełna skryptów, które pomagają ulepszać strony internetowe o bardziej dynamiczne elementy lub zawierają media z innych serwisów z funkcją osadzania. Problem polega na tym, że żądanie zbyt wielu zasobów zewnętrznych może spowolnić ładowanie, o czym już wiemy, że jest szkodliwe zarówno dla wygody użytkownika, jak i SEO.

Mając to na uwadze, podczas tworzenia stron internetowych oszczędnie używaj wywołań skryptów innych firm. Przeanalizuj, czy są one niezbędne, czy możliwe jest zastosowanie innych rozwiązań.

Zobacz przypadek tego bloga: z przeniesionych 2,4 megabajtów 654 kilobajty odpowiadały JavaScriptowi, co stanowi około 26% danych transferu podczas ładowania tej konkretnej strony.

4. Zbuduj znaczną część witryny we Flashu

Co prawda Flash może stworzyć niesamowite efekty na Twojej stronie, ale warto pamiętać, że użytkownik musi mieć zainstalowany na urządzeniu Adobe Flash Player, aby móc go zobaczyć.

Ponadto wyszukiwarki nie indeksują zbyt dobrze treści zbudowanych za pomocą tej technologii.

Dlatego idealnie jest unikać używania Flasha do nawigacji i treści tekstowych lub po prostu wybrać inne alternatywy zgodne ze standardami sieciowymi.

5. Ignoruj ​​użytkowników urządzeń mobilnych

Omówiliśmy już znaczny wzrost połączeń za pośrednictwem tabletów i smartfonów, co oznacza, że ​​jest bardzo prawdopodobne, że większość odwiedzających Twoją witrynę pochodzi z tych urządzeń.

Jeśli Twoje strony nie są przygotowane na te urządzenia, odwiedzający prawie na pewno porzucą Twoją witrynę.

Ponieważ wyszukiwarki decydują się na to, czy strona jest przyjazna dla urządzeń mobilnych, czy też nie, aby określić jej ranking, warto zainwestować w responsywny design również pod kątem SEO.

A mówiąc o urządzeniach mobilnych, nie zapomnij dodać do swojej strony przycisków udostępniania w mediach społecznościowych!

witryna dostosowana do urządzeń mobilnych
Witryna Rock Content działająca na urządzeniach mobilnych
witryna dostosowana do urządzeń mobilnych
Witryna Rock Content działająca na komputerze

6. Zastąp ważne elementy HTML obrazami

Tworzenie imponujących obrazów i używanie ich zamiast ważnych elementów HTML, takich jak tagi nagłówków, może być bardzo przyjemne dla oka, ale nie zadziała w przypadku SEO.

Tagi H1, H2 i H3 podkreślają stopień trafności każdej części treści SEO i pozwalają położyć większy nacisk na słowo kluczowe tej strony.

7. Dodaj dużo tekstu do obrazów

Wyjaśniliśmy już, że wyszukiwarki nie mogą interpretować obrazów w taki sam sposób, w jaki są w stanie analizować zawartość tekstową — która jest częścią kodu HTML strony.

Z tego powodu złą praktyką jest posiadanie obrazów składających się głównie z tekstu, a nie ich reprodukcji z rzeczywistymi elementami tekstowymi na stronie.

Chociaż atrybut tekstu alternatywnego może być przydatny w takich przypadkach, najlepiej jest utworzyć tekst uzupełniający lub zachować osobny obraz i tekst . Alternatywą byłoby utworzenie warstwy nakładki z tekstem za pomocą funkcji CSS.

8. Twórz nadmiernie wyrafinowane menu

Wiemy już, jak nawigacja jest istotna dla użytkowników i wyszukiwarek. Nie ma więc nic lepszego niż tworzenie prostych menu, które podążają za wzorcem, którego oczekuje się już od tych elementów w sieci — na przykład niezorganizowana lista w pionie lub poziomie.

Nawigacja musi być zorganizowana i nie powinna powodować zamieszania w Twojej osobowości. Aby tego uniknąć, zachowaj równowagę. Pracuj nad jakością prezentacji menu, ale unikaj zbytniej innowacyjności.

Blog Rock Content jest doskonałym przykładem, z listą kategorii w górnym menu i alternatywą dostępu w stopce.

seo e kategorie projektowania stron internetowych do blog

9. Korzystaj z funkcji utrudniających dostęp do treści

Gdy użytkownik dociera do Twojej witryny za pomocą narzędzia wyszukiwania, takiego jak Google, chodzi o to, że znajduje to, czego szuka, prawda? Jeśli umieścimy wyskakujące okienka, powiadomienia, reklamy i inne elementy przed główną treścią, utrudnimy ten dostęp.

Jako przykład weź witrynę z wiadomościami na poniższym obrazku. Zwróć uwagę, że podczas otwierania strony głównej miejsce przeznaczone na informacje, które czytelnik naprawdę chce zobaczyć, jest bardzo małe.

strona com muitos anuncios

Wyszukiwarki są wystarczająco inteligentne, aby wykryć tego typu rzeczy, dlatego wpływa to na ranking witryny.

10. Zignoruj ​​testy i wyniki

Najlepszym sposobem, aby dowiedzieć się, czy projektowanie stron internetowych ma negatywny wpływ na optymalizację pod kątem wyszukiwarek, jest przeprowadzenie testów i ocena wyników.

Ciekawym środkiem jest umieszczanie adnotacji na platformie analitycznej. Za każdym razem, gdy pojawią się znaczące zmiany w projekcie witryny, zanotuj datę i monitoruj, czy nastąpiły jakieś znaczące zmiany w ruchu organicznym .

Należy pamiętać, że spadek pozyskiwania odwiedzających w wynikach wyszukiwania organicznego może mieć inne przyczyny, takie jak problemy z serwerem, a nawet zmiany w algorytmie wyszukiwarki Google.

Jakie narzędzia pomagają sprawdzić, czy SEO i projektowanie stron internetowych są odpowiednio dopasowane?

Teraz przyjrzyjmy się narzędziom, o których powinien wiedzieć każdy projektant stron internetowych, który chce ulepszyć swoje witryny z perspektywy SEO.

Krzycząca Żaba

Screaming Frog służy do indeksowania strony internetowej, tak jak robią to roboty wyszukiwarek . Po zainstalowaniu na komputerze wystarczy wpisać adres URL i kliknąć Start, aby rozpocząć proces indeksowania.

Po zabiegu możemy zobaczyć informacje takie jak:

  • czas odpowiedzi strony;
  • ilość zasobów (HTML, JavaScript, CSS, obrazy, Flash, PDF i inne) ładowanych wewnętrznie i zewnętrznie;
  • tagi nagłówków;
  • tag tytułu;
  • opis meta;
  • liczba obrazów.

Statystyki PageSpeed

PageSpeed ​​Insights to narzędzie Google, które analizuje szybkość Twojej strony i na tej podstawie daje jej ocenę od 0 do 100.

Następnie oferuje raport z kilkoma sugestiami, jak skrócić czas ładowania, zarówno na komputerach, jak i na urządzeniach mobilnych.

Test przyjazny dla urządzeń mobilnych

Kolejną przydatną funkcją samego Google jest test przyjazności dla urządzeń mobilnych. Po wpisaniu adresu URL witryny narzędzie bada treść i określa, czy jest zoptymalizowana dla tych urządzeń, czy nie .

W przypadku problemów w tym zakresie narzędzie pokazuje, które aspekty wymagają poprawy.

Dzięki wszystkim sugestiom, które do tej pory widziałeś, masz już doskonałą podstawę do zapewnienia, że ​​SEO i projektowanie stron internetowych są dobrze zintegrowane. Pamiętaj, że użytkownik musi być zawsze na pierwszym miejscu.

Dbając o aspekty techniczne i wizualne, które zapewniają odwiedzającym najlepsze wrażenia, tendencja jest taka, że ​​pozycja Twojej witryny w wynikach wyszukiwania będzie się tylko poprawiać.

Chcesz wiedzieć, jak szybkość strony może wpłynąć na Twoją sprzedaż? Pobierz naszą bezpłatną infografikę i zobacz, jak możesz poprawić wyniki sprzedaży!

Pobierz bezpłatną infografikę, aby dowiedzieć się, jak szybkość wpływa na Twoją witrynę