- Dodaj dane strukturalne, aby włączyć wyróżnione fragmenty
- Optymalizuj szybkość renderowania i „przyjazność dla urządzeń mobilnych”
- Wykorzystaj buforowanie przeglądarki za pomocą preprocesora zasobów
- Optymalizuj i zmieniaj rozmiar obrazów
- Ponownie rozważ zależności od strony internetowej
- Sprawdź wyniki optymalizacji
- Sprawdź dwukrotnie pisownię
- Użyj SSL dla swojego bloga
- Nie ufaj statystykom ruchu Google Analytics
- Podsumowanie porad SEO dla blogerów
Zauważyłem, że wiele blogów programistycznych, które czytam, nie implementuje pewnych prostych technik SEO, a blogerom może brakować cennych możliwości ruchu. Opiszę kilka wskazówek dotyczących optymalizacji wyszukiwarek, które mogą poprawić ranking SEO i pozycję wyników wyszukiwania w blogu technicznym w 2018 r. Omówię takie tematy, jak Wyróżnione fragmenty Google, najlepsze wskazówki dotyczące szybkości renderowania i metatagi w mediach społecznościowych.
używam jekyll na podstawie szablon pixyll w przypadku tego bloga większość porad powinna dotyczyć wszystkich niestandardowych silników blogów. Jeśli używasz Medium jako jedynej platformy do blogowania ( protip: prawdopodobnie nie powinieneś ) żadna z tych wskazówek nie będzie miała zastosowania.
Oto, co możesz zrobić:
Udostępnianie mediów społecznościowych jest jednym z najlepszych źródeł ruchu na moim blogu. Możesz wpływać na wygląd Twojego postu, gdy jest on udostępniany w serwisach społecznościowych za pomocą tak zwanych „metatagów Open Graph”. Które z tych kart na Twitterze wolisz kliknąć?
Post Bloggera udostępniany na Twitterze bez poprawnych metatagów
Post Bloggera udostępniony na Twitterze z poprawnymi metatagami
Obecnie mój blog korzysta z następujących tagów meta:
<meta property = "og: locale" content = "..."> <meta property = "og: wpisz" content = "..."> <meta property = "og: title" content = "..." > <meta property = "og: description" content = ""> <meta property = "og: url" content = "..."> <meta property = "og: nazwa_strony" content = "..."> < meta property = "og: image" content = "..."> <meta property = "og: image: width" content = "..."> <meta property = "og: image: height" content = ". .. "> <meta property =" article: opublikowane_time "content =" ... "/> <meta name =" twitter: card "content =" ... "> <meta name =" twitter: image "content = "..."> <meta name = "twitter: site" content = "..." /> <meta name = "twitter: creator" content = "..." /> <meta name = "twitter: title "content =" ... "/> <meta name =" twitter: description "content =" ... "/> <meta name =" twitter: url "content =" ... "/>Najlepszym sposobem sprawdzenia sposobu wyświetlania strony w serwisach społecznościowych jest użycie tych narzędzi:
Walidator kart na Twitterze
Debugger Facebook Open Graph
Dodaj dane strukturalne, aby włączyć wyróżnione fragmenty
Jak wspomniałem, dodawanie danych strukturalnych umożliwia wyświetlanie Twojej witryny w polecanym urywku wyszukiwarki Google:
Polecane fragmenty dzięki strukturalnym danym
To jest schema.org BlogPosting rusztowanie wejścia, którego używam do tego bloga:
<script type = "application / ld + json"> {"@context": "http://schema.org", "@type": "BlogPosting", "mainEntityOfPage": {"@type": "WebPage" , „@id”: „...”}, „headline”: „...”, „image”: {„@type”: „ImageObject”, „url”: „...”, „height” : 640, „szerokość”: 1024}, „datePublished”: „...”, „dateModified”: „...”, „autor”: {„@type”: „Osoba”, „nazwa”: ”. .. "}," wydawca ": {" @type ":" ... "," name ":" ... "," logo ": {" @type ":" ImageObject "," url ":" ... "," szerokość ": 600," wysokość ": 60}}," opis ":" ... "," słowa kluczowe ":" ... "} </script>Przykładowe dane ustrukturyzowane dla wpisu na blogu. Logo wydawcy musi mieć rozmiar 60x600.
Pamiętaj, że dodanie Danych Strukturalnych nie gwarantuje, że Twoja strona internetowa będzie dostępna. Musi być w pierwszej 10 wyników dla danej frazy wyszukiwania (ale niekoniecznie najpierw). Wszystko, co możesz zrobić, to podwójnie sprawdzić, czy wprowadzanie danych strukturalnych jest prawidłowe to narzędzie i upewnij się, że wszystkie inne optymalizacje mobilne i SEO są na miejscu. Do tej pory udało mi się zobaczyć opis fragmentu tylko dla jednego z moich postów na blogu, używając nieco niezgrabnych słów kluczowych. Ale widzę przyzwoity ruch pochodzący ze źródła googleapis.com/auth/chrome-content-suggestions, co oznacza, że użytkownicy widzą i docierają do mojej witryny za pośrednictwem sekcji sugerowanych artykułów w Chrome.
Optymalizuj szybkość renderowania i „przyjazność dla urządzeń mobilnych”
W 2016 r. Google ogłosiło podejście do rankingu stron „Mobile-first”. Jak szybko ładuje się strony i odczuwa użytkowników mobilnych jest kluczowym sygnałem rankingowym, który należy zoptymalizować. Oto kilka świetnych narzędzi, które pozwalają wykryć niedociągnięcia mobilnej witryny:
Google Page Speed Insights
Test przyjazny dla telefonów komórkowych
Test strony internetowej
Oto kilka optymalizacji, które pomyślnie zastosowałem w tym blogu:
Wykorzystaj buforowanie przeglądarki za pomocą preprocesora zasobów
Test prędkości Google nie będzie spełniony, o ile nie buforujesz statycznych zasobów przez co najmniej 8 dni. Aby uniknąć problemów z przeglądarkami klienta zachowującymi przestarzałe zasoby, należy użyć preprocesora zasobów. W tym blogu używam jekyll-assets dodawać znaczniki trawienia do wszystkich zasobów. Za każdym razem, gdy zmienia się zasób, modyfikowany jest znacznik skrótu w adresie URL, dzięki czemu mogę buforować wszystko bez obawy, że nieaktualna wersja będzie kiedykolwiek obsługiwana.
Jednym z problemów jest to, że nie można buforować zasobów zewnętrznych, takich jak sama biblioteka JavaScript Disqus Google Analytics. Istnieją pewne hacky sposoby na to. Można okresowo pobierać aktualne pliki na serwer za pomocą zaplanowanych zadań i dodawać nagłówki buforowania, ale nie próbowałem tego jeszcze robić.
używam Cloudflare skonfigurować nagłówki buforowania przeglądarki.
Optymalizuj i zmieniaj rozmiar obrazów
Ten jest dość łatwy do naprawienia. Przetwarzaj wszystkie swoje obrazy za pomocą compressor.io . Upewnij się również, że są one tylko tak duże, jak to jest potrzebne do prawidłowego wyświetlania we wszystkich rozdzielczościach. Niedawno usunąłem obraz o rozmiarze 6000x4000 ze strony docelowej Abot - Anonimowe narzędzie do wysyłania opinii dla Slack .
Ponownie rozważ zależności od strony internetowej
Dla mnie interesującym efektem ubocznym grania tymi narzędziami optymalizacyjnymi było to, że zacząłem myśleć o kodzie, który umieszczam na moich stronach. Czy naprawdę potrzebuję fantazyjnego wsparcia na czacie na stronie docelowej, gdy zrobi to standardowy formularz kontaktowy? Czy potrzebuję interaktywnego przycisku podobnego do / follow osadzającego KB programów szpiegujących, które prawdopodobnie zablokują odwiedzający? Może zamiast tego mogę po prostu dodać ikonę prowadzącą do mojego konta / strony fanów?
To zależy wyłącznie od ciebie, ale zepsucie strony internetowej mobilności i ranking SEO dla kilku dzwonków i gwizdków nie może być najlepszym kompromisem.
Sprawdź wyniki optymalizacji
Po kilku optymalizacjach SEO ranking prędkości Google jest wreszcie zielony.
Jak widać ten blog jest dość szybki w zależności od testu prędkości Google. Kiedy zacząłem SEO i renderowanie optymalizacji zorientowanej na prędkość, było to około 70.
Sprawdź dwukrotnie pisownię
Niedawno odkryłem, że w nagłówku mam literówkę jedna z moich stron docelowych . To musiało zabijać moje SEO przez miesiące. Gorąco zachęcam do podwójnego sprawdzenia wszystkich swoich pism Grammarly .
Użyj SSL dla swojego bloga
Nie ma usprawiedliwienia, dlaczego blog techniczny (lub dowolna strona internetowa) w 2018 r. Nie powinien mieć obsługi SSL. Od 2014 roku HTTPS jest sygnałem rankingowym dla Googlebota. Możesz sprawdzić moje inne posty na blogu, aby dowiedzieć się, jak to zrobić skonfigurować bezpłatny protokół wieloznaczny SSL z Cloudflare i obsługuj wszystkie zasoby przeglądarki za pomocą HTTPS za pomocą prostego proxy SSL .
Nie ufaj statystykom ruchu Google Analytics
Może nie jest to standardowa wskazówka dotycząca optymalizacji wyszukiwarek, ale i tak warto o niej wspomnieć. Google Analytics jest niesamowity. Tylko strasznie niedokładne:
Google Analytics zgłasza ~ 500% mniej ruchu niż Cloudflare
Byłem zaskoczony, widząc, jak bardzo różnią się obie liczby. W swoich postach na blogu kieruję uwagę na zaawansowanych technicznie użytkowników, więc prawdopodobnie zwiększa to współczynnik blokowania reklam / śledzenia, ale nadal różnica 500% jest ogromna. Jeśli podejmujesz jakiekolwiek decyzje biznesowe oparte na danych Google Analytics, pamiętaj, aby wziąć to pod uwagę. Możesz dodaj Cloudflare do swojej strony za darmo . W przeciwieństwie do Google Analytics działa poprzez przekazywanie całego ruchu przez swoje serwery, więc nie można go zablokować.
Podsumowanie porad SEO dla blogerów
Niektórzy mówią, że nie ma czegoś takiego jak techniki optymalizacji pod kątem wyszukiwarek. Musisz tylko stworzyć wartościową zawartość. Ale dlaczego nie pomóc w odkryciu tej wartościowej zawartości, optymalizując ją?
Mam nadzieję, że nie znasz przynajmniej jednej z tych technik SEO i zauważysz wzrost ruchu po zastosowaniu go na swojej stronie. Daj mi znać, jeśli coś mi się nie uda lub znasz inne sposoby ulepszenia rankingu SEO na blogu programistycznym.
BTW podaję szablon tego bloga. Obejmuje wszystkie opisane powyżej optymalizacje SEO i więcej: jekyll SEO template - najlepsza alternatywa dla blogowania na Medium .
Które z tych kart na Twitterze wolisz kliknąć?Czy naprawdę potrzebuję fantazyjnego wsparcia na czacie na stronie docelowej, gdy zrobi to standardowy formularz kontaktowy?
Czy potrzebuję interaktywnego przycisku podobnego do / follow osadzającego KB programów szpiegujących, które prawdopodobnie zablokują odwiedzający?
Może zamiast tego mogę po prostu dodać ikonę prowadzącą do mojego konta / strony fanów?
Ale dlaczego nie pomóc w odkryciu tej wartościowej zawartości, optymalizując ją?