- 1. Używanie obrazów zamiast prawdziwego tekstu
- 2. Unikaj używania Flasha
- 3. Potrzebujesz responsywnego projektu
- 4. Nieprzyjazna nawigacja
- 5. Niewłaściwe znaczniki H
- 6. Ciężkie obrazy
- 7. Nieistotne wyskakujące okienka
Наша команда-партнер Artmisto
Dobre projektowanie stron internetowych to intrygująca i złożona dziedzina, która wymaga wiedzy w wielu dziedzinach, w tym projektowania graficznego, świadomości marketingowej, kodowania HTML i CSS oraz wiedzy technicznej dotyczącej SEO.
Większość projektantów nie bierze pod uwagę ani nie rozumie złożoności kodowania i układu wpływającego na SEO. Większość z nich koncentruje się na swojej sile, którą jest projektowanie witryny, która jest piękna i świetnie wygląda, ale nie zawsze celowo funkcjonalna. Celem większości witryn jest sprzedaż, a dzięki temu projektowi zorientowanemu na konwersję, SEO jest najlepszą opcją, która przekłada się na sprzedaż i oczekiwaną sprzedaż. Tak więc przeoczenie tego procesu może mieć poważne konsekwencje dla sukcesu Twojej witryny.
Jeśli chodzi o SEO, następujące punkty są najgorsze, jakie niektórzy projektanci wprowadzają.
Rysunek 1: Nakładany tekst na żywo pokazuje, że jest zaznaczony. Stąd „czytelny” i rozpoznawalny przez Google.
1. Używanie obrazów zamiast prawdziwego tekstu
Brak wiedzy lub lenistwo często powodują, że projektanci używają obrazów zawierających tekst za pomocą prawdziwego tekstu na żywo. Google i inne wyszukiwarki nie są w stanie odczytać tekstu osadzonego w obrazie. Choć tekst może wyglądać naprawdę fajnie z efektami Photoshopa, staje się bezużyteczny, ponieważ wyszukiwarki mogą go odczytać i, szczerze mówiąc, większość efektów można uzyskać, jeśli znasz odpowiednie kodowanie CSS. Rozważ użycie tekstu na obrazach, gdy odgrywa on istotną rolę w projekcie, np. Na wykresie infograficznym lub złożonym.
WSKAZÓWKA | Jeśli potrzebujesz użyć obrazów, aby pomóc zdefiniować kontekst, zawsze implementuj znaczniki ALT z opisem obrazu.
2. Unikaj używania Flasha
Rysunek 2: Adobe Flash, unikaj używania go za wszelką cenę.
Lampa błyskowa kiedyś było tak fajnie, że projektanci mogli tworzyć naprawdę niesamowite animacje i doświadczenia internetowe, ale nie jest łatwo indeksowany przez wyszukiwarki, jeśli w ogóle, i stał się przestarzały, aw wielu przypadkach niezabezpieczony. Flash pociąga za sobą również dodatkowe godziny kodowania i animacji, które zazwyczaj nie należą do większości budżetów.
Dzięki HTML5 i użyciu JavaScriptowania, JQuery i innych technologii, możesz zaoferować lepsze wrażenia, które są bardziej wspierane (pomyśl o urządzeniach mobilnych i iPadach), ale są również w pełni indeksowane i można je przeszukiwać.
WSKAZÓWKA | NIE UŻYWAJ FLASH! Google i inne wyszukiwarki nie mogą go „odczytać”. Duh!
3. Potrzebujesz responsywnego projektu
Jeśli chodzi o SEO, jednym z najważniejszych czynników jest zapewnienie, że Twoja witryna będzie odpowiadać. Twoja witryna powinna być funkcjonalna i czytelna bez względu na punkt dostępu użytkownika końcowego, niezależnie od tego, czy jest to komputer stacjonarny, czy też mobilny. Oto cztery główne czynniki, które wchodzą w grę przy rozważaniu SEO i responsywnego projektowania:
Użyteczność: Zoptymalizuj swój projekt dla wielu rozmiarów ekranu. Google traktuje priorytetowo użytkowników, którzy mają przyjazną dla użytkownika stronę mobilną. Zwraca uwagę, kiedy użytkownicy docierają do Twojej witryny i natychmiast wracają do wyników wyszukiwania.
Powielona treść: Wielu projektantów tworzy wersję witryny na komputer, a następnie drugą wersję zoptymalizowaną dla użytkownika mobilnego. Może to dobrze działać w przypadku przewijania, ale wpływa na priorytety wyszukiwarek witryny i treści. Witryny mobilne są kanonizowane do wersji na komputery stacjonarne, więc posiadanie zduplikowanych treści na pulpicie, a następnie oddzielne strony mobilne, zmniejsza jego znaczenie. Użyj responsywnego projektu, aby zachować zawartość w jednym miejscu - jeden adres URL.
Czas ładowania: Posiadanie jednej wersji strony zakodowanej tak, aby była responsywna, aby ładowała się poprawnie na urządzeniu dostępowym użytkownika końcowego, znacznie skraca czas ładowania, ponieważ nie ma przekierowań, które zwykle pogarszają wrażenia użytkownika.
Ranking wyszukiwania mobilnego: witryny zoptymalizowane pod kątem korzystania z urządzeń przenośnych są wyżej oceniane przez Google, podczas gdy obniżają liczbę witryn, które nie są przyjazne dla urządzeń mobilnych, więc potrzeba posiadania responsywnej strony jest o wiele ważniejsza.
WSKAZÓWKA | Pamiętaj, aby zaprojektować witrynę, która dostarcza treści, które są odpowiednie i które mają sens w kontekście mobilnego doświadczenia.
4. Nieprzyjazna nawigacja
Jeśli użytkownicy nie będą mogli łatwo znaleźć drogi, zdecydują się wrócić do wyników wyszukiwania i przejść do następnej witryny. Nie ma standardu nawigacji, ale kluczowe jest zrozumienie, że nawigacja musi być intuicyjna i spójna.
Tekst używany jako nawigacja powinien być zwięzły. Hiperłącza powinny wyróżniać się z treści tekstu. Martwe linki nie mają miejsca na stronie. Zwiększa zamieszanie. I powstrzymaj się od umieszczania linku na stronie głównej, który wysyła Cię na stronę główną.
WSKAZÓWKA | Zorganizuj nawigację w tandemie z celem witryny. Osobiste strony internetowe mogą stać się bardziej kreatywne, ale strona internetowa wymaga wydajności.
5. Niewłaściwe znaczniki H
Używamy znaczników H (znaczniki H1 - H6) do organizowania tekstu na stronie według poziomu ważności, podobnie jak w przypadku nagłówków w dokumencie. Tagi odgrywają ważną rolę w poprawie wyników SEO, podkreślając kluczowe obszary tekstu / treści, ale nadużywanie lub nieprawidłowe użycie tych tagów „dezorientuje” wyszukiwarki, w tym Google.
Tagi H1 - H6, jako część podstawowego kodu HTML, pozwalają nam wyróżnić zawartość strony i nadać jej priorytet w kolejności hierarchicznej, najczęściej według poziomu ważności. Tagi te odgrywają rolę w SEO witryny, a niewłaściwe użycie, zwłaszcza nadużywanie tych etykiet „dezorientuje” Google i inne wyszukiwarki.
Oto kilka sugestii, jak prawidłowo używać tagów H:
- Ogranicz jeden tag H1 na stronę, zazwyczaj tytuł strony.
- Użyj tagu H2 jako nagłówka między akapitami.
- Rozważ użycie znaczników H3 jako podtytułów lub innych elementów na pasku bocznym lub abstrakcjach.
- H4 - Tagi H6 zazwyczaj są używane oszczędnie i mają niewielki wpływ na SEO.
WSKAZÓWKA | Tagi nagłówków mają hierarchię odgórną od <h1> do <h6>.
6. Ciężkie obrazy
Celem strony internetowej jest szybkie prezentowanie informacji, ale w funkcjonalny i estetyczny sposób. Obrazy odgrywają dużą rolę w interakcji z witryną i uzyskiwaniu informacji. Nieprawidłowe wykorzystanie zdjęć może jednak spowolnić korzystanie z nich, szczególnie osobom podróżującym za pomocą mobilnych urządzeń dostępowych i potencjalnie odciągnąć użytkowników końcowych lub wrócić do wyników wyszukiwania innej firmy.
Obrazy muszą być zoptymalizowane do użytku w sieci, a zrozumienie właściwego formatu dla każdej sytuacji ma kluczowe znaczenie dla dobrego korzystania z Internetu.
WSKAZÓWKA | Oto kilka narzędzi do zmniejszania obrazów bez utraty jakości:
· JPEGmini
· Prosty Image Resizer
· ResizeImage.net
7. Nieistotne wyskakujące okienka
Doświadczenia użytkowników i SEO idą w parze, a kiedy wyszukiwarki, zwłaszcza Google, „czują”, że gość na Twojej stronie jest niezadowolony z ich doświadczenia, zrozumieją to i ukarają, dając lepsze rankingi innym stronom.
Jeśli musisz używać wyskakujących okienek, upewnij się, że robisz to z dobrego powodu. Nie używaj lampy błyskowej. Popup nie powinien pojawiać się więcej niż raz w sesji. I nie używaj flasha?
WSKAZÓWKA | Zaoferuj freebie w zamian za przerwę, rabat, kupon lub inne.
I nie używaj flasha?
