7 podstaw SEO, które powinni znać wszyscy projektanci stron internetowych

Projektanci stron internetowych i eksperci SEO mają tendencję do walenia w łeb.

Czemu?

Ponieważ chociaż te dwa elementy są absolutnie niezbędne dla każdej strony internetowej, czasami działają przeciwko sobie.

Podczas gdy projektanci koncentrują się na zapewnieniu użytkownikowi doskonałych wrażeń wizualnych, eksperci SEO troszczą się o zapewnienie wyszukiwarkom realistycznego widoku witryny.

Strona bez projektu jest niedoceniana. Ale bez SEO, nawet wspaniale zaprojektowana strona internetowa nigdy nie zostanie odnaleziona przez czytelników.

Czy istnieje sposób na naprawienie konfliktu?

W tym artykule omówię siedem sposobów, w jakie projektanci mogą pomóc w procesie optymalizacji pod kątem wyszukiwarek na dowolnej stronie internetowej. Dowiesz się, jakie elementy projektu są ważne dla SEO, a także poznasz kilka interesujących wskazówek, dzięki którym zarówno projektanci stron internetowych, jak i eksperci SEO będą zadowoleni z efektu końcowego.

1. Pozwól wyszukiwarkom „czytać” Twoje obrazy

Jedną z największych części projektowania stron internetowych jest dodawanie obrazów w celu rozbicia tekstu. Jednak Google nie widzi tych obrazów w taki sam sposób, jak ludzie.

Znacznik HTML <img> poinformuje wyszukiwarkę, że istnieje obraz. Rzeczywista zawartość obrazu jest jednak nieczytelna dla botów wyszukiwarek.

Jak więc pozwolić wyszukiwarce „odczytać” ten obraz?

WordPress Media Manager daje nam możliwość zmiany tytułu i tekstu alternatywnego dowolnego używanego przez nas obrazu.

Wszystko, co musisz zrobić, to kliknąć Media Manager, wybrać obraz, który chcesz zoptymalizować i dodać tytuł i tekst alternatywny . Zmienia to kod HTML, dodając słowa, które mogą czytać roboty wyszukiwarek.

Załóżmy na przykład, że dodałem zdjęcie wieży Eiffla we wpisie o Paryżu. Jako tekst alternatywny mógłbym dodać „Wieża Eiffla w Paryżu”. Teraz wyszukiwarki wiedzą nie tylko, że istnieje obraz, ale także o co chodzi w tym obrazie.

Pomaga to SEO dla tej strony, a także pozwala na wyświetlenie obrazu w dodatkowym typie wyszukiwania: wyszukiwaniu grafiki.

2. Upewnij się, że jesteś zoptymalizowany pod kątem dostępu mobilnego

W zeszłym roku korzystanie z Internetu mobilnego faktycznie przewyższyło korzystanie z Internetu na komputerach stacjonarnych. Oznacza to, że coraz więcej osób korzysta ze smartfonów i tabletów do przeglądania Internetu. W rezultacie wyszukiwarki lepiej prezentują się na stronach internetowych, które dostosowują się do zastosowań mobilnych.

Jako projektant stron internetowych wiedza, jak dostosować projekty do urządzeń mobilnych, jest teraz ważniejsza niż kiedykolwiek.

Według Google istnieją dwa akceptowalne sposoby dostosowania witryny do urządzeń mobilnych: responsywne projektowanie stron internetowych i dynamiczne serwowanie. Obydwa pozwalają na zachowanie tego samego adresu URL, podczas gdy witryna automatycznie dostosowuje się do przeglądarki mobilnej użytkownika.

Aby zachować przyjazność dla urządzeń mobilnych, ważne jest również, aby unikać filmów Flash w głównej treści witryny. Wszyscy wiemy, że Flash wychodzi z mody, ale unikanie tej umierającej formy wideo jest szczególnie ważne podczas optymalizacji pod kątem urządzeń mobilnych.

3. Używaj czcionek internetowych i HTML do tworzenia projektów, które można indeksować

Wspomniałem wcześniej, że używanie tagów alt to świetny sposób na umożliwienie wyszukiwarkom „odczytywania” obrazów, ale co, jeśli twoje obrazy zawierają tekst? A co, jeśli ten tekst jest za duży dla tagu alt?

Na ratunek przychodzą czcionki internetowe! Jeśli projektujesz banery lub obrazy z tekstem, w tym czcionki internetowe z witryn takich jak Fonts.com lub Google, Twoje projekty będą nadal czytelne dla robotów wyszukiwarek.

Możesz również połączyć te czcionki internetowe z kodem HTML, aby zapewnić, że tekst w Twoim projekcie jest naprawdę „na żywo”. Dołączając elementy HTML, takie jak nagłówki H1 lub H2, pogrubiony tekst itp., roboty indeksujące nadal są w stanie zobaczyć, o czym jest grafika. Wszelkie słowa kluczowe w tym tekście są wtedy czytelne, co pomoże w SEO na stronie.

4. Wstaw rozszerzalny element div, aby połączyć minimalistyczny design ze zoptymalizowaną zawartością

Jeśli intryguje Cię minimalistyczny design, ale nie wiesz, jak umieścić na stronie tekst do SEO, słuchaj!

Załóżmy, że masz na stronie internetowej panel obrazów produktów. Świetnym minimalistycznym projektem byłoby pozostawienie ich jako obrazów i użycie tagów alt, aby poinformować roboty wyszukiwarek, jakie są obrazy.

Zgadnij co: Twój ekspert SEO nadal nie jest zadowolony.

Zamiast używać znaczników alt do wstawiania ważnego tekstu, spróbuj umieścić rozwijalny element div dla każdego obrazu. W ten sposób, gdy klikniesz na obraz, <div> rozwinie się na dole, zapewniając miejsce na angażujące i bogate w SEO treści, które zadowolą zarówno użytkowników, jak i wyszukiwarki (nie wspominając o Twoim ekspertze SEO!).

Ten tekst jest w pełni możliwy do zindeksowania przez wyszukiwarki. Ponieważ jednak nie jest widoczny, dopóki nie zostanie kliknięty, nadal możesz zachować swój minimalistyczny projekt.

5. Kod z HTML5 i CSS3 dla zaawansowanych funkcji witryny

Istnieje wiele różnych zalet korzystania z HTML5 i CSS3. Bardziej specyficzne dla dzisiejszych tematów, te dwa ulepszone języki znaczników mogą mieć określony wpływ na SEO strony internetowej.

Jeśli strony internetowe, które projektujesz, nie są dobrze ustrukturyzowane, wszelkie inne wysiłki związane z SEO można w zasadzie odrzucić. Korzystanie z HTML5 pomaga stronom internetowym mieć dobrą strukturę i dokładność semantyczną, co prowadzi do lepszego rankingu w wyszukiwarkach.

Co więcej, HTML5 to fantastyczne narzędzie do zastąpienia przerażającego Flasha! Może również pomóc zmniejszyć ilość kodu na każdej stronie internetowej, ułatwiając w ten sposób indeksowanie botom.

6. Zoptymalizuj projekty pod kątem szybkiej reakcji

W 2010 roku Google ogłosił, że uwzględni szybkość witryny jako część algorytmu rankingu. Od tego czasu szybkość witryny stała się coraz ważniejsza w SEO.

Jak więc Twoje projekty mogą sprawić, że Twoja witryna będzie działać szybko?

Kluczem do sukcesu jest znalezienie równowagi między jakością obrazu a rozmiarem pliku. Oczywiście wszyscy wiemy, że ładowanie większych plików trwa dłużej, więc chcesz, aby Twoje obrazy były mniejsze. Upewnij się jednak, że nie tracisz jakości.

Jedna wskazówka, która może pomóc zoptymalizować obrazy pod kątem szybkiej reakcji: upewnij się, że nie zmniejszasz rozmiaru za pomocą HTML. Zamiast wczytywać większy obraz i zmieniać kod HTML, aby wyświetlić go w mniejszej rozdzielczości, zmniejsz rozmiar obrazu przed przesłaniem. Oszczędza to przepustowość i przyspiesza czas odpowiedzi.

(Tylko na marginesie: kolejną zaletą korzystania z HTML5 i CSS3 jest to, że pomagają przyspieszyć czas reakcji witryny. Jeszcze jeden powód, dla którego są świetne w SEO!)

7. Połącz siły ze świetnym twórcą treści

Jeśli jeszcze tego nie zrobiłeś, jest to jedna z najlepszych wskazówek dotyczących tworzenia projektów przyjaznych SEO. Treść i projekt idą w parze. Współpraca z twórcą treści SEO daje przewagę, której inni mogą nie mieć. Twój twórca treści może Ci pomóc, przeprowadzając badanie słów kluczowych, optymalizując zawartość stron internetowych i udzielając wskazówek dotyczących tekstu, który należy uwzględnić w projektach.

Internet od lat zachwala zalety projektowania opartego na treści, a najlepiej to osiągnąć, gdy twórcy treści i projektanci pracują jako zespół.

Wniosek

Projektanci stron internetowych: czy jesteś gotowy, aby naprawdę dogadać się z ekspertami SEO? Po przeczytaniu tego artykułu będziesz gotowy do wprowadzenia pomysłów przyjaznych SEO w swoich projektach, które mogą uszczęśliwić wszystkich.

Te wskazówki dotyczące SEO są jednak przydatne nie tylko w kontaktach z ekspertem SEO. Możliwość ulepszenia SEO na stronie za pomocą swoich projektów sprawi, że będziesz jeszcze bardziej wartościowy jako projektant.

Skorzystaj z tych wskazówek SEO w swoich projektach internetowych, a zobaczysz lepsze wyniki niż kiedykolwiek!

Gotowy na naukę czegoś nowego? Sprawdź te artykuły:

• 3 powody, dla których zarządzany hosting WordPress jest idealny dla Twojej firmy
• Klucz do zarządzania wieloma witrynami WordPress
• Przewodnik dla początkujących po podstawach SEO i pisaniu treści na WordPressie