Optymalizacja strony [06] SEO

1. 1. Wstęp
2. 2. Co to jest SEO?
3. 3. Jak zrobić „dobre SEO”
4. 3.1. Tytuły stron
5. 3.2. Metatagi
6. 3.3. Tekst (zawartość) strony
7. 3.4. Linki (hiperłącza)
8. 3 3.5. Obrazy (zdjęcia)
9. 3.6. Projektowanie stron internetowych (organizacja)
10. 3.7. Prędkość ładowania strony
11. 3.8. Mapy witryn i robots.txt
12. 4. Wniosek

Ten post dotyczy terminu „SEO” (Search Engine Optimization). Najpierw wyjaśnię, czym jest SEO, a następnie jak to zrobić. Ze stosunkowo krótkim wprowadzeniem.

Zawartość:
1 Wprowadzenie
2. Czym jest SEO?
3. Jak zrobić „dobre SEO”
… 3.1. Tytuły stron
… 3.2. Metatagi
… 3.3. Tekst (zawartość) strony
… 3.4. Linki (hiperłącza)
… 3.5. Obrazy (zdjęcia)
… 3.6. Projektowanie stron internetowych (organizacja)
… 3.7. Prędkość ładowania strony
… 3.8. Mapy witryn i robots.txt
4. Wniosek

1. Wstęp

Strona internetowa Bike Gremlin dotyczy rowerów i jazdy na rowerze. Tego lata zauważyłem, że podczas „szukania w Google” niektórych terminów związanych z jazdą na rowerze moja witryna jest wyświetlana na pierwszej stronie lub wśród kilku pierwszych wyników wyszukiwania. Kiedy wspomniałem o tym znajomemu, odpowiedziała: „Tak, widziałem to, robiłeś SEO bardzo dobrze!” Ponieważ w tym samym okresie, z powodu zwiększonego ruchu na stronie, miałem problemy z szybkością ładowania strony (i sporadycznie „500 błąd ”od czasu do czasu), eksperymentowałem i dużo googlałem o optymalizacji strony. Wśród artykułów, które to wyjaśniają, wiele z nich miało na celu optymalizację SE i przeczytałem kilka z nich.

Ponieważ podstawową funkcją tej strony internetowej jest osobiście służyć mi jako przypomnienie / referencja, a następnie użyteczna opcja odpowiadania na często zadawane pytania, po prostu dając ludziom link z mojej strony (zamiast odpowiadać na to samo pytanie za 1000 razy), w sposób, który jest dostępny dla wszystkich, on-line, a więc mogę również uzyskać poprawki i dodatki od innych osób - postanowiłem napisać post wyjaśniający wszystko, co wiem o SEO i opublikować go tutaj. Jeśli ci to pomoże - świetnie! Jeśli czegoś brakuje, lub niektórych błędów, użyj sekcji komentarza na dole, aby post mógł zostać ulepszony dla przyszłych czytelników.

2. Co to jest SEO?

Krótka, poprawna odpowiedź brzmi: optymalizacja strony internetowej, tak aby wyszukiwarki (jak Google , Wieśniak , Bing , DuckDuckGo itp.) może łatwo zobaczyć, o co chodzi. Jeśli spodziewałeś się nieco innej lub dłuższej odpowiedzi, warto przeczytać następny rozdział poniżej:

3. Jak zrobić „dobre SEO”

Istnieje wiele artykułów, które wyjaśniają to szczegółowo i moim zdaniem komplikują to bez potrzeby. Niektórzy twierdzą, że dzięki ich wskazówkom i wskazówkom możesz umieścić swoją stronę w rankingu „na szczycie z Google” (w pozostałej części tego tekstu użyję „Google” jako synonimu wszystkich wyszukiwarek ). Czytając artykuły na ten temat, natkniesz się na takie terminy, jak „ słowa kluczowe ”, „ meta-tagi ” itp., Wraz z wyjaśnieniami, jak je sprytnie wykorzystać, aby „uczynić Google” ranking swojej witryny nad innymi. Czy to ostatnie zdanie wydaje się przekonujące? Co się dzieje, gdy milion ludzi czyta taki tekst i wykonuje zalecane „sztuczki”? 🙂 Pojawią się również terminy „ Google Penguin ” i „ Google Panda ”, które są dwoma bardziej znanymi algorytmami wdrożonymi przez Google, aby uniemożliwić stosowanie „sztuczek” w celu uzyskania wyższego rankingu.

Najważniejsze jest to, że Google robi wszystko, co w jego mocy (i ma wielu inteligentnych ludzi i potężnych komputerów do dyspozycji), aby poszukać, na przykład: „jak ustawić kierownicę roweru drogowego?”, Co w wynikach wyszukiwania znajdują się strony, które naprawdę odpowiadają na to pytanie. Jeśli masz stronę internetową, która sprzedaje kierownice do rowerów szosowych, możesz, używając sztuczek, przekonać Google, aby najpierw pokazała Twoją witrynę, gdy wykonywane jest wyszukiwanie z tego przykładu. Jednak gdy ludzie wymyślają nowe sztuczki, Google zastanawia się nad sposobami zapobiegania takim manipulacjom. Mówiąc prosto: Google uszeregowuje strony pod kątem tego, czym są .

Więc: spróbuj zrobić strony, które są dobre dla tematu, o którym są, a Google rozpozna je. Podam teraz bardziej szczegółowe wyjaśnienie z przykładami. Na razie ważne jest, aby podkreślić i pamiętać o tym:

Wszystko, co jest dobre i użyteczne dla gości, będzie dobrze oceniane przez Google. Jaki gość nie lubi, Google też nie.

3.1. Tytuły stron

Tytuł ma wpływ na rankingi Google. To jest poprawne. Co więcej, negatywnie na to wpływa, jeśli Google zda sobie sprawę, że tytuł nie pasuje do treści strony. Zamiast martwić się o „słowa kluczowe”, odpowiedz na następujące pytania:

• Jaki tytuł najlepiej opisuje tę stronę? Ta strona wyjaśnia optymalizację wyszukiwarki internetowej, często nazywaną „SEO”. To również tytuł.
• Czy po przeczytaniu tytułu oczekuję, że zobaczę zawartość znajdującą się na stronie? Przykłady z tej strony to: „ Najlepszy smar do łożysk rowerowych " i " Smary do łożysk rowerowych - wyjaśnił „ Za tymi tytułami kryje się dokładnie to, co „obiecują”.
• Wreszcie, gdy zobaczę długą listę tytułów i szukam, powiedz: „Jak pomóc w uporządkowaniu mojej witryny w Google?”, Który tytuł byłby najbardziej atrakcyjny? Tytuł tego posta jest w porządku, ale w tych kategoriach nie jest świetny.
  - Jeśli post zawiera niektóre z nowoczesnych „sztuczek”, dobrym tytułem będzie „Jak zdobyć swoją witrynę na szczycie Google”. Jednak oszustwo Google'a nie jest tematem tego posta, więc nie ma go w tytule. Tematem jest, jak sama nazwa wskazuje, optymalizacja pod kątem wyszukiwarek. Ludzie, którzy chcą dowiedzieć się o tym, powinni przeczytać ten post. Dla nich temat byłby najbardziej atrakcyjny / odpowiedni.
  - Tytuł „Jak zdobyć witrynę z Google” przyciągnie uwagę tych, którzy chcą oszukać Google, ale szybko zdadzą sobie sprawę, że zostali oszukani i stracili czas na otwarcie tej strony. I tak samo Google, prędzej czy później, bez względu na to, jakie inne sztuczki próbowałem uzyskać wysoką pozycję strony na coś, czego tak naprawdę nie zawiera.

To samo dotyczy nazw rozdziałów (nagłówków) na stronie.

3.2. Metatagi

Metatagi to krótki tekst opisowy, który można wprowadzić, więc jest on wyświetlany na liście wyników wyszukiwania. Zdjęcie 1 wyjaśnia to lepiej:

Przykład metatagu.
Obrazek 1

Tutaj możesz wprowadzić krótki opis tekstu, wersji, autora itd. Pierwsze 150 znaków to zazwyczaj te, które zostaną wyświetlone, a maksymalnie 300 znaków. Reszta jest często wycinana (zdjęcie 1). Napisz krótki tekst wyjaśniający, na czym polega strona, aby ludzie, którzy czytają listę wyników wyszukiwania, mogli uzyskać pomysł przed otwarciem linku.

Każdy rodzaj oszustwa jest łatwo dostrzegalny - zarówno przez odwiedzających, jak i przez Google. Jeśli napiszesz metaopis pełen słów kluczowych, będzie on wyglądał dziwnie / brzydko / źle dla osób na liście wyników wyszukiwania; a nawet gorzej od „robota” Google.

Użyj opisu meta-tagu dla tego, co jest przeznaczone: krótki opis tego, o czym jest strona - i uzyskasz dobre wyniki.

Meta opisy nie są wyświetlane po odwiedzeniu strony, tylko na liście wyników wyszukiwania. Jeśli używasz WordPressa, Wtyczka SEO Yoast umożliwia proste wprowadzanie opisów metadanych. Na stronie kod opisu meta wygląda tak (niewidoczny dla użytkowników, chyba że wyświetla kod źródłowy strony):

<meta name = ”description” content = ”Przykładowy opis meta-tagu.” />

3.3. Tekst (zawartość) strony

To (treść) ma największy wpływ na ranking Google. Treść musi być dobra . Zaleca się, aby napisać krótko i wyraźnie. Ładnie wyjaśniam temat strony. Jak pisać dobre teksty?

• Przeczytaj wiele książek, a przynajmniej innych dobrych tekstów, dzięki czemu możesz łatwo powiedzieć dobre teksty od złych i „wsiąknąć” w jakąś wiedzę.
• Napisz dużo, ćwicz.
• Poznaj dobrze temat, o którym piszesz.
• Poproś znajomego o przejrzenie Twoich tekstów. Czy są wystarczająco jasne, nie za długie itp.

Jest to ważne, zwłaszcza na początku, dopóki nie zrozumiesz tego. Nie będę dalej wyjaśniał dobrych technik pisania, to nie jest temat tutaj - jest wiele dobrych książek, tekstów i kursów na temat pisania. Widzisz, co teraz zrobiłem? Trzymaj się tematu. Resztę możesz pisać w osobnych artykułach, łącząc się z nimi na stronie.

Zwykle dobrym pomysłem jest rozpoczęcie pierwszego akapitu od wyjaśnienia, na czym polega strona, co zawiera. Dzięki temu odwiedzający mogą łatwiej stwierdzić, czy warto czytać dalej, aby nie tracić czasu.

Nie wypełniaj tekstu słowami kluczowymi. Wygląda to źle dla czytelnika i Google. Na przykład ten tekst dotyczy SEO, ale zamiast starać się wypełnić ten tekst tym słowem, staram się go używać jak najmniej (23 razy do tej pory!). Sam temat jest taki, że słowo kluczowe musi zostać użyte, nie martwiąc się o to, moim celem jest uczynienie tego tak łatwym do odczytania i zrozumienia, jak to możliwe. Powtarzanie tytułu (słowa kluczowe) sto razy sprawia, że ​​zawartość jest zła, a także szkodzi rankingowi Google. Dosłownie każde zdanie tego akapitu mogłoby zawierać (kluczowe) słowo z tytułu, ale co by to było czytać?

3.4. Linki (hiperłącza)

Piękno Internetu to dostępność informacji za pomocą jednego kliknięcia. Użyj go, aby pomóc odwiedzającym. Odbywa się poprzez klikalne linki tekstowe, zwane również „ hiperłączami ”. Nie wymuszaj tego, ale gdy jest coś, co może bardziej wyjaśnić i wykracza poza zakres tekstu, który piszesz, użyj hiperłącza do strony, która zawiera potrzebne informacje, czy to na twojej stronie, czy na innej stronie (twórz pewność, że jest to renomowana strona internetowa, bez wirusów i dobrej jakości treści).

Oprócz treści, na które wskazuje łącze, ważne jest, jak sam link jest „zaprojektowany”. Na przykład poprzedni post w tej sekcji IT dotyczy optymalizacji obrazu na stronach internetowych. Możliwe sposoby łączenia (wyobraź sobie pogrubiony tekst linków):

• Poprzedni wpis w tej sekcji dotyczy optymalizacji obrazu na stronach internetowych. Post jest tutaj .
  - czyni to niepotrzebnie długi tekst, bez jasnej informacji, gdzie link prowadzi do hiperłącza.
• Poprzedni wpis w tej sekcji dotyczy optymalizacji obrazu na stronach internetowych.
  - krótszy, ale tekst z hiperłączem nie wyjaśnia hiperłącza.
• Poprzedni post w tej sekcji dotyczy optymalizacja obrazu na stronach internetowych .
  - dokładnie. Tekst hiperłączy wyjaśnia również, gdzie prowadzą hiperłącza.

Gdy reklamy (płatne) są połączone, są takie same, z dwiema notatkami:

• Wyraźnie oświadczam, że jest to płatny link reklamowy. Na przykład: link partnerski Amazon do zakupu HyperX Alloy Elite klawiatura mechaniczna (jako Amazon Associate Zarabiam na zakupach kwalifikujących się).
• Umieść tag „nofollow” w linku, aby Google wiedział, że nie jest to treść wysokiej jakości, ale reklama. Tag jest niewidoczny dla odwiedzających witrynę, tylko Google go widzi. Dla WordPress są wtyczki lub możesz po prostu otworzyć widok tekstu i wstawić go:
  <a href=”https://www.link-to-the-paid-advert” rel=”nofollow”> Płatne ogłoszenie </a>

Reklamy to jedyny wyjątek od reguły, zgodnie z którą wszystko, co myślisz, że odwiedzający powinni zobaczyć, również Google powinno zobaczyć. Nadal ważne jest, nawet w przypadku reklam, aby pokazywać tylko istotne i wartościowe rzeczy.

3 3.5. Obrazy (zdjęcia)

Oprócz optymalizacja obrazów pod kątem rozmiaru , jeśli chodzi o SEO, ważne jest, co następuje:

• Obrazy powinny być dobrej jakości, ładnie wkomponowane w projekt strony internetowej.
• Nazwa pliku obrazu powinna opisywać obraz - zarówno Ty, jak i Google możecie powiedzieć, o co chodzi. Na przykład obraz 1 może mieć nazwę „meta-tag_example.jpg”. Przycisk logowania w prawym górnym rogu każdej strony na tej stronie „log-in.png” i tak dalej.
• Znacznik Alt powinien krótko wyjaśnić, co obraz pokazuje. Tutaj możesz użyć nieco więcej słów niż w nazwach plików. Dla zdjęcia 1 może to być „Przykładowy opis meta-tagu”.

Jeśli obraz nie zostanie pobrany / wyświetlony z jakiegokolwiek powodu lub jeśli gość jest niedowidzący, pozostało mu tylko tag-alt. Więc nie zaniedbuj tego, pisz dobre, rozsądne alt-tagi.

3.6. Projektowanie stron internetowych (organizacja)

Mam tu na myśli treść i organizację menu, a nie estetyczny / wizualny projekt (to osobny temat). Zorganizuj stronę internetową i strukturę linków, aby była logiczna. To wymaga wcześniejszego planowania i myślenia.

Najpierw musisz zastanowić się, jakiego rodzaju treści będą podawane na stronie. Witryna BikeGremlin ma 8 głównych kategorii, z których każda ma kilka podkategorii. Wszystkie bieżące i przyszłe treści mogą logicznie pasować do wyznaczonych kategorii. W ten sposób strona została zaprojektowana od samego początku i jest odzwierciedlona w głównym menu na górze (zdjęcie 2).

Zawartość strony i organizacja menu.
Zdjęcie 2

Jest to idealne rozwiązanie, jeśli na jednym poziomie nie ma więcej niż 7 kategorii. Ponadto każda kategoria powinna mieć nie więcej niż 7 podkategorii. Liczba zagnieżdżonych w poziomach podkategorii nie powinna przekraczać 4.

Ta strona liczy 7 głównych kategorii (plus ósma kategoria domowa i niebieski przycisk wyszukiwania). Byłoby lepiej, gdyby było ich mniej.

Czytasz teraz post znajdujący się w podkategorii „Dział IT” głównej kategorii „Kącik Gremlina”. Gdybym planował napisać więcej o elektronice w ogóle, bardziej sensowne byłoby posiadanie głównej kategorii „Elektronika” z podkategoriami Internet, komputery, smartfony itp. EDIT Marzec 2019: przeniesiono tutaj wszystkie materiały IT do io.bikegremlin.com .

Jest to idealnie przeniesione również do struktury łącza. Więc ten post URL możliwe:

bike.bikegremlin.com/it-corner/se-optimization/ - a nawet lepiej:
bike.bikegremlin.com/seo-optimization/ - w tym pleonazm. 🙂

Niestety nie jest tak w przypadku tej strony. Rozpoczynając, zdecydowałem się na sortowanie postów według dat, nie wiedziałem lepiej. Ponieważ posty tutaj nie są przeznaczone dla niektórych serwisów informacyjnych, data nie jest istotna, prawie tak samo jak kategoria postów. Zmiana tego zajmuje trochę czasu i konfiguracji stałe 301 przekierowań . Nie popełniaj tego samego błędu, planuj na czas. Side Jedynym plusem jest to, że w przypadku jakiejś przyszłej reorganizacji kategorii nie mogę niczego zepsuć - już jest źle. 🙂
Uwaga - jeśli używasz WordPressa (jak ja), post ID tworzy krótszy URL, z bardzo szybkim sposobem przeszukiwania bazy danych, nie obciążając serwera zbytnio i nie zabierając dużo czasu - z tego, czego mogłem się nauczyć, pomimo nie mając „wartości SEO”, dla witryn WordPress optymalnym wyborem „struktury katalogów” jest strona / identyfikator_poczty / nazwa_poczty. Pod tym względem używanie daty nie było tak złym wyborem (jest to również dane liczbowe, łatwiejsze do wyszukiwania), ale identyfikator postu jest krótszy, nawet szybszy, a zatem preferowany.

EDYCJA: Od listopada 2018 r. Bikegremlin.com korzysta ze strony internetowej / struktury post_ID / post_name URL - post o implementacji jest tutaj: Zmiana permalinku WordPress .

Spraw, aby ważne rzeczy były większe, bardziej zauważalne - nagłówki, podtytuły itp. Google rozpoznaje tę strukturę na stronie. Rozpoznaje również wszelkie „nadużycia” (tworzenie zbyt wielu dużych nagłówków ze słowami kluczowymi itp.).

UWAGA: jeśli prześlesz stronę internetową mapa witryny , następnie struktura adresu URL nie musi zawierać kategorii - Google rozpozna je na mapach witryn. W takim przypadku krótsze adresy URL zawierające tylko nazwę strony (postu) są zazwyczaj lepsze. Unikalny identyfikator (jak np. identyfikator posta w WordPressie), zanim nazwa pomoże przyspieszyć strony dynamiczne .

3.7. Prędkość ładowania strony

Wyświetlanie strony internetowej ze stronami, których ładowanie trwa wieki, może być frustrujące. Jak starałem się wyjaśnić w tym poście, Google robi wszystko, co w jego mocy, aby wyświetlać odwiedzającym wysokiej jakości treści o odpowiedniej treści. Dlatego będzie „karać” strony internetowe, które są zbyt wolne. Napisałem serię postów optymalizacja prędkości witryny .

3.8. Mapy witryn i robots.txt

Plik robots.txt znajduje się w katalogu głównym witryny i informuje roboty wyszukiwarek, co należy przeglądać i indeksować (a czego nie) na stronie internetowej. Mapy witryn to pliki XML zawierające listę stron internetowych posortowanych według kategorii, daty lub dowolnego sposobu utworzenia map witryn XML. Dla WordPressa wtyczka Yoast SEO działa całkiem dobrze. Typowy plik robots.txt jest pokazany na rysunku 3.

Przykład pliku robots.txt. Nie wszystkie linki są poprawne, tylko do demonstracji.
Zdjęcie 3

Możesz zobaczyć pliki .xml z mapami witryn, w tym listy postów (stron) posortowane według różnych kryteriów. Rysunek 4 pokazuje zawartość kategorii-sitemap.xml.

Przykład mapy witryny .xml.
Zdjęcie 4

4. Wniosek

To kończy temat optymalizacji SE. Nie martw się o SEO, martw się o odwiedzających, Google zajmie się resztą . Optymalizacja SEM ( Search Engine Marketing ) jest często pokrewnym, ale innym tematem, w który nie będę wchodził. Powiem tylko, że istnieje wiele dobrych artykułów na ten temat, a także wiele niezbyt dobrych, które wyjaśniając SEM, mówią również o (ab) korzystaniu z różnych „sprytnych” „sztuczek SEO”, aby „pomóc Google zaszeregowanie". Wierzę, że przeczytanie tego postu pomoże ci dobrze odróżnić złe SEM i porady SEO.

Wszelkie poprawki, dodatki, pochwały są mile widziane. 🙂

Relja Google Novović