Praktyczny przewodnik po optymalizacji pod kątem wyszukiwarek (SEO) w Google

1. Zrób dobrą treść
2. Uczyń swoją stronę mobilną
3. Udostępnij swoją witrynę
4. Tekst czytnika ekranu
5. Użyj semantycznego kodu HTML
6. Uczyń swoją witrynę szybciej
7. Użyj CDN
8. Zminimalizuj JavaScript i CSS
9. Optymalizuj obrazy
10. Włącz kompresję Gzip
11. Cache przeglądarki dźwigni
12. Utwórz konto Google Analytics
13. Połącz się z Google Search Console
14. Użyj danych strukturalnych
15. Utwórz mapę witryny
16. Użyj szyfrowania HTTPS
17. Wniosek

Większość ruchu w mojej witrynie pochodzi z organicznych wyszukiwań Google. Szukać jak stworzyć motyw Wordpress , jak używać bootstrap , i samouczek jekylla , w tym ich odmiany i inne popularne frazy wyszukiwania, wyświetli moją stronę jako jeden z pierwszych wyników (od napisania tego artykułu w 2017 r.).

Czasami algorytm wybiera nawet mój wynik jako opisywany urywek .

Oto wykres porównujący moje dane analityczne z 21 marca 2016 r. - 21 marca 2017 r. I tych samych dat z poprzedniego roku. 21 marca 2015 r. Jest pierwszą datą, w której przeprowadziłem analizę na mojej stronie, więc witryna istnieje już od ponad dwóch lat!

W wyniku tych danych wiele osób zapytało mnie, co robię dla SEO i czy mogę napisać artykuł na ten temat. Nie jestem ekspertem, ale podzielę się z tobą tym, co robię i co wiem.

Ponadto wszystko, o czym tu wspominam, będzie bezpłatne i bez reklam. Nie używam reklam ani słów i nigdy nie zapłaciłem ani centa za żadną promocję ani SEO.

Ten artykuł dotyczy optymalizacji wyników wyszukiwania w Google. Nic nie wiem o Bingu i jestem całkiem pewien, że nie wiedzą, że istnieję.

Na początek, pierwszy i najważniejszy krok, zdecydowanie.

Zrób dobrą treść

Google to bardzo czyste o tym:

Zapewnij wysokiej jakości treści na swoich stronach, zwłaszcza na stronie głównej. To najważniejsza rzecz do zrobienia.

Naprawdę nie można tego przecenić i chętnie zakończę artykuł tutaj. Oprócz tego, że jest to właściwa rzecz, algorytmy Google zawsze stają się coraz mądrzejsze, a próby włamania się do systemu ostatecznie doprowadzą do obniżenia wyniku. Przykłady złych praktyk SEO polegałyby na spamowaniu ukrytych słów kluczowych w kodzie, posiadaniu zduplikowanych treści oraz cechujących się niską jakością i nieistotnymi postami gości.

Jeśli celem witryny jest stworzenie jak największej liczby stron za pomocą tytułów typu „click-bait” w celu uzyskania przychodów z reklam, może to oznaczać początkowy względny sukces. Jednak osoby opuszczające witrynę od razu (wysoki współczynnik odrzuceń), brak osób kierujących do witryny (niskie liczby poleconych) i niewiele osób bezpośrednio odwiedzających witrynę (niskie bezpośrednie) ostatecznie negatywnie wpłynie na ranking wyszukiwania.

Media społecznościowe również niekoniecznie uwzględniają rankingi wyszukiwania. Oto, w jaki sposób ludzie znaleźli moją witrynę (dane akwizycyjne) od 1 do 28 lutego 2017 roku .

Spośród wszystkich sesji 80% było organicznych, 11% bezpośrednich trafień, 4% od poleconych, a tylko 3% ze środków społecznych (reddit, Twitter, Facebook itp.). Nie publikuję ani nie nawracam często, co może mieć związek z niskim procentem mediów społecznościowych, ale nie wpłynęło to negatywnie na moje rankingi.

ZA sesja nie jest tym samym co trafienie strony - może zawierać wiele interakcji w określonym przedziale czasu przez jednego użytkownika.

Jeśli jesteś dumny ze swoich treści i zapewnia wartość innym, wystarczy znaleźć kilka osób, które kochają to, co musisz powiedzieć, aby zacząć się rozwijać.

Uczyń swoją stronę mobilną

Google ma również [silne opinie] (<a href =) w tej sprawie:

Jeśli nie uczyniłeś swojej strony mobilnej przyjaznej, powinieneś. Większość użytkowników przychodzących na Twoją stronę prawdopodobnie używa urządzenia mobilnego.

Możesz uruchomić swoją witrynę za pośrednictwem Test przyjazny dla telefonów komórkowych sprawdzić.

Jako twórca stron internetowych największą częścią tego jest zapewnienie, że Twoja witryna będzie reagować / dostosowywać się do wielu rozmiarów ekranu. Napisałem artykuł o zrozumienie podstaw projektowania responsywnego poprzednio. Ramy takie jak Bootstrap również to można osiągnąć.

Udostępnij swoją witrynę

Dostępność w sieci jest praktyką uczynienia Twojej witryny bardziej przyjazną dla osób niepełnosprawnych. Obejmuje to osoby z upośledzeniem wzroku (ślepota, zły wzrok) lub upośledzeniem słuchu (głuchota lub niedosłyszenie), między innymi niepełnosprawność.

Na razie nie będę szczegółowo omawiać szczegółów (być może później w innym artykule) - wymienię tylko kilka głównych punktów. Jednak ważne jest, aby zdawać sobie sprawę z problemów z dostępnością i zrozumieć, że ma to wpływ na optymalizację wyszukiwarek.

Zasoby : FALA (Narzędzie oceny dostępności sieci), Wuhcag (Dostępność sieci dla programistów).

Tekst czytnika ekranu

Osoby z upośledzeniem wzroku i upośledzeniem wzroku korzystają oprogramowanie czytnika ekranu i polegaj wyłącznie na tekście, w którym możemy uzyskać wizualne wskazówki z obrazów lub ikon.

Aby zapewnić kontekst dla tych wizualnych wskazówek, utwórz klasę czytnika ekranu. Wszystko, co umieścisz w tej klasie, będzie ukryte dla ekranów, ale nadal będzie zawierało tekst dla czytelników. Użyj tego zamiast wyświetlania: brak lub widoczność: ukryty.

Ta klasa jest często zapisywana tylko jako sr-only.

.screen-reader-text {clip: rect (1px, 1px, 1px, 1px); pozycja: absolutna! ważna; wysokość: 1px; szerokość: 1px; przepełnienie: ukryte; }

Korzystając z klasy tekstu-czytelnika, możesz dodać wizualnie ukryty link przed nawigacją w witrynie, aby użytkownicy nie musieli przechodzić przez poszczególne elementy nawigacji

<a href = "# main-content" class = "screen-reader-text"> Pomiń nawigację </ a> <nav> ... </ nav> <main id = "main-content"> </ main>

Innym ważnym sposobem na zwiększenie dostępności witryny jest dodanie tagów alt do opisu obrazów.

<img src = "image.jpg" alt = "Alternatywny tekst, aby opisać obraz." />

(To jest coś, nad czym muszę jeszcze pracować).

Użyj semantycznego kodu HTML

Używanie właściwego struktura semantyczna w HTML jest ważne, aby czytniki ekranu mogły szybko i dokładnie znaleźć treść. Oznacza to użycie odpowiednich znaczników nagłówków (<h1> do <h5>), znaczników list (<ul>, <ol>) i znaczników układu semantycznego (<article>, <section>).

Wyświetl pełny Lista kontrolna WCAG 2.0 .

Uczyń swoją witrynę szybciej

Szybkość witryny od dawna odgrywa ważną rolę w SEO. Nie ma szybkiej poprawki, aby przyspieszyć witrynę - zależy ona od wielu czynników, od jakości serwera do wielkości zasobów, liczby żądań i tak dalej.

Dobrym pomysłem na rozpoczęcie jest uruchomienie witryny za pomocą różnych narzędzi do sprawdzania prędkości w trybie online i sprawdzenie, gdzie znajdują się największe problemy. Na marginesie, ostrzegam, że obsesję na punkcie optymalizacji szybkości strony - na przykład uzyskanie idealnego wyniku w Google PageSpeed ​​Tools jest prawie niemożliwe, a są ważniejsze rzeczy, na które można poświęcić swój czas.

Wspomnę o kilku metodach, które są stosunkowo łatwe do wdrożenia.

Zasoby: Google PageSpeed ​​Insights , Test prędkości strony internetowej Pingdom , WebPageTest , GT Metrix

Użyj CDN

Możesz połączyć się z dostawcą CDN, takim jak CloudFlare , aby przyspieszyć działanie witryny i zmniejszyć koszty przepustowości. W przypadku prostego konta osobistego, takiego jak moje, CloudFlare jest bezpłatne. Aby korzystać z CDN, ustaw serwery nazw swojej domeny na nowe, które zapewnia CloudFlare.

Zminimalizuj JavaScript i CSS

Korzystanie z biegacza zadania, takiego jak Łyk lub Chrząknięcie , możesz ustawić JavaScript i CSS tak, aby automatycznie się minimalizowały, co oznacza zmniejszenie wszystkich białych znaków i niepotrzebnych znaków. Zmniejsza to rozmiar skryptu i zasobów arkusza stylów

Optymalizuj obrazy

Obrazy są zazwyczaj największymi zasobami, które będzie obsługiwać Twoja witryna. Optymalizacja i kompresja obrazów to dobry i łatwy sposób na zmniejszenie prędkości ładowania. Możesz użyć narzędzia opartego na przeglądarce, takiego jak Optimizilla lub TinyPNG , pobierz zoptymalizowaną zawartość z Google PageSpeed ​​Insights lub użyj biegacz zadania . Jeśli używasz WordPress, możesz użyć wtyczki takiej jak WP Smush It .

Włącz kompresję Gzip

Kompresja Gzip drastycznie zmniejsza rozmiar pliku HTML i innych zasobów. Ten przewodnik Patrick Sexton pokazuje, jak włączyć Gzip na różnych typach serwerów (Apache, NGINX).

Cache przeglądarki dźwigni

Buforowanie przeglądarki to metoda ładowania stron szybciej po stronie klienta. Mówi serwerowi, aby zapisywał pliki przez określony czas, zamiast pobierać wszystkie zasoby za każdym razem, gdy strona jest ładowana. Oto kolejny świetny przewodnik tego samego autora, co powyżej, na temat korzystania z buforowania przeglądarki.

Utwórz konto Google Analytics

Google Analytics śledzi i raportuje ruch na stronie. Wykresy i informacje użyte w tym poście pochodzą z Google Analytics. Zaloguj się na konto i utwórz własność dla swojej witryny i zweryfikuj własność domeny.

W obszarze administratora znajdziesz kod śledzenia, który umieścisz w <head> wszystkich stron, które powinny być śledzone. Gdy to nastąpi, Analytics rozpocznie śledzenie ruchu.

Połącz się z Google Search Console

Google Search Console , część Narzędzi Google dla webmasterów, jest dodatkiem do Google Analytics dla programistów internetowych. Utwórz konto, dodając nieruchomość, kojarząc ją z kontem Google Analytics i weryfikując swoją domenę.

Search Console poinformuje Cię o wyszukiwanych terminach, które ludzie wpisali w sposób organiczny. Pozwoli to również sprawdzić błędy indeksowania, problemy z bezpieczeństwem i pobrać witrynę jako Google.

Użyj danych strukturalnych

Dane strukturalne to inny sposób, w jaki wyszukiwarki rozpoznają zawartość na stronie internetowej.

JSON LD , lub JSON dla linkowania danych, jest preferowanym przez Google sposobem otrzymywania Schemat (dane ustrukturyzowane). Poniżej znajduje się jeden przykład typu schematu JSON LD - osoba. Użyłem siebie jako przykładu. Po prostu umieściłbym ten skrypt w stopce mojej strony internetowej.

<script type = "application / ld + json"> {"@context": "http://schema.org", "@type": "Person", "image": "tania.jpg", "jobTitle" : „Web developer”, „name”: „Tania Rascia”, „gender”: „female”, „url”: „”, „sameAs”: [„https://github.com/taniarascia”, „https: //twitter.com/taniarascia "]} </ script>

Można znaleźć listę wszystkich typów i właściwości tutaj .

Mikrodane byłby alternatywnym, mniej preferowanym sposobem dodawania danych schematu do Twojej witryny.

Utwórz mapę witryny

Mapa witryny pomaga robotom indeksującym indeksować i rozumieć Twoją witrynę. Możesz wygenerować mapę witryny za pomocą bezpłatnego narzędzia opartego na przeglądarce, takiego jak Generator map witryn XML . Jeśli używasz WordPress, użyj Google Sitemap Generator podłącz.

Użyj szyfrowania HTTPS

W celu poprawy bezpieczeństwa w Internecie Google utworzyło szyfrowanie HTTPS za pomocą SSL / TLS a czynnik rankingowy w 2014 roku.

Możesz użyć Szyfrujmy skonfigurować prawidłowe połączenie HTTPS. W przeciwnym razie ja napisał ten przewodnik jak korzystać z jednej ze standardowych usług certyfikacyjnych.

Wniosek

Moim celem było podzielenie się z Wami wszystkimi zasobami i strategiami, których używam do śledzenia mojej strony internetowej i utrzymywania dobrych standardów. Tworzenie wysokiej jakości treści zawsze będzie najważniejszym czynnikiem w uzyskaniu wysokiej pozycji w rankingu wyszukiwania, ale miejmy nadzieję, że ten artykuł zwrócił uwagę na dodatkowe kroki, które można podjąć, aby upewnić się, że witryna jest zoptymalizowana pod kątem szybkości i dostępności. Jeśli masz coś do dodania, myślę, że coś zostawiłem lub byłem zdezorientowany przez jakiekolwiek kroki, daj mi znać, abym mógł ulepszyć artykuł.

Jak posty, które tu widzisz? Zarejestruj się, aby otrzymywać powiadomienia o nowych.