Optymalizacja strony SEO: instrukcje krok po kroku

1. Skanuj i indeksuj
2. Mapa witryny XML
3. Robots.txt
4. Optymalizacja URL
5. Kanoniczne adresy URL
6. Szybkość ładowania strony
7. Adaptacyjność do urządzeń mobilnych
8. Struktura witryny mobilnej
9. Micromarkowanie
10. Podsumowanie

Organiczny ruch wyszukiwania ma kluczowe znaczenie dla każdej witryny komercyjnej.

Prawie połowa klientów online rozpoczyna proces zakupu z wyszukiwarki, a jedna trzecia ruchu e-commerce pochodzi z wyników wyszukiwania. Nawet jeśli masz sklep z cegłami lub zaprawą 🙂

Wszystko to wskazuje na jeden fakt: jeśli chcesz zarabiać na swojej stronie, potrzebujesz ruchu organicznego.

I jak go zdobyć?

SEO, aby ci pomóc.

SEO jest powszechnie uważany za domenę marketerów i copywriterów. Jednak twórcy stron internetowych również odgrywają w tym dużą rolę.

Jeśli optymalizacja strony SEO została przeprowadzona powierzchownie lub w ogóle nie została przeprowadzona, wyszukiwarki nie będą w stanie znaleźć ani zaindeksować stron, ani w ogóle tego nie zrobić.

Na przykład jedna zła akcja z plikiem robots.txt może zapewnić zablokowanie witryny w wynikach wyszukiwania.

Dlatego ten artykuł zawiera 9 najważniejszych momentów, które zostały zaprojektowane w formie instrukcji krok po kroku dotyczących optymalizacji SEO witryny.

Pomogą Ci, jako deweloperzy, tworzyć witryny w taki sposób, aby zajmowali wysokie pozycje w wynikach wyszukiwania.

Skanuj i indeksuj

Ponieważ celem optymalizacji witryny pod kątem SEO jest odzwierciedlenie witryny w wynikach wyszukiwania dla grupy docelowej, jednym z najważniejszych punktów podczas tworzenia zasobu jest zapewnienie, że jest ona indeksowana i indeksowana przez wyszukiwarki.

Najłatwiejszym sposobem zapewnienia indeksowania jest przesłanie aplikacji do skanowania witryny bezpośrednio do Google , Yandex , Bing i innych wyszukiwarek.

• Aby dodać zasób do Google, użyj Konsoli wyszukiwania Google - https://www.google.com/webmasters/tools/submit-url.
  Aby to zrobić, musisz utworzyć konto Google, które oprócz możliwości dodawania żądań do indeksowania stron internetowych, daje wiele innych możliwości, w tym rejestrację w Adsense, AdWords, YouTube i innych.
• Aby dodać żądanie indeksowania zasobu za pomocą robotów Yandex, musisz także utworzyć konto Yandex, ponieważ Yashina adurulka (nazwa slangu narzędzia do dodawania zapytania o indeksowanie przez robota) jest dostępna tylko w biurze webmastera.
  Po zarejestrowaniu konta możesz uzyskać dostęp do narzędzia tutaj - https://webmaster.yandex.ua/addurl.xml.
• Jedynym wyjątkiem w zakresie darmowego dodawania witryny i jej poszczególnych stron do indeksowania jest Bing, który nie wymaga konta Microsoft od webmasterów (tak, to jest ich wyszukiwarka), chociaż przypomina o jej tworzeniu od czasu do czasu.
  Adurilka Bing znajduje się pod tym adresem - http://www.bing.com/toolbox/submit-site-url

Mapa witryny XML

Zgodnie z literaturą przedmiotu mapy witryn XML są listą wszystkich adresów URL przechowywanych jako plik tekstowy w katalogu głównym zasobu.

W rzeczywistości ich możliwości nie są ograniczone do tego.

Tak, zawierają wszystkie adresy URL w Twojej witrynie (lub przynajmniej te, które chcesz zobaczyć w wynikach wyszukiwania), ale zawierają również dodatkowe informacje o każdej stronie.

W ten sposób mapa witryny bierze udział w wewnętrznej optymalizacji witryny SEO.

Wyszukiwarki wykorzystują informacje w mapach witryn do indeksowania stron internetowych, aby nie marnować budżetu na indeksowanie treści nieistotnych lub niezmiennych.

Prawidłowo zaprojektowana mapa witryny będzie wyglądać następująco:

<? xml version = "1.0" encoding = "UTF-8"?> <urlset xmlns = "http://www.sitemaps.org/schemas/sitemap/0.9" xmlns: xhtml = "http: //www.w3 .org / 1999 / html "> <url> <loc> https://www.example.com/ </ loc> <lastmod> 2016-8-01 </ lastmod> <changefreq> miesięczny </ changefreq> <priorytet > 0.9 </ priority> <xhtml: link rel = "alternate" hreflang = "fr" href = "https://www.example.com/fr/" /> </ url>

Co to wszystko znaczy?

Oto krótkie dekodowanie powyższego:

• <urlset> - ten tag jest obowiązkowy i informuje roboty, że mapa witryny jest początkowa i ostateczna.
• <url> - wskazuje początek i koniec każdego adresu URL w pliku sitemap.xml.
• <loc> - ten znacznik określa adres URL strony. Podczas gdy pozostałe atrybuty znacznika <url> są opcjonalne, nie można powiedzieć tego samego dla <loc>.
• <lastmod> to data w formacie RRRR-MM-DD, ostatnia strona została zaktualizowana lub zmieniona.
• <changefreq> - znacznik wskazuje, jak często odświeżasz stronę.
  Pomoże to wyszukiwarkom zdecydować się na skanowanie.
  Roboty wyszukiwania muszą mieć pewność, że indeksują nową zawartość.
  Można próbować oszukiwać, aby zwiększyć częstotliwość skanowania, ale lepiej tego nie robić.
  Jeśli wyszukiwarki zobaczą, że <changefreq> nie odpowiada rzeczywistej częstotliwości zmian, po prostu zignorują ten parametr.
• <priority> - ustawia priorytet strony w stosunku do reszty witryny.
  Prawidłowe wartości mieszczą się w zakresie od 0.0 do 1.0 (od najmniejszej do najważniejszej).
  Użyj tego tagu, aby pomóc wyszukiwarkom indeksować witrynę w bardziej inteligentny sposób.
  Pamiętaj, że to tylko informuje roboty, jak ważne są Twoje strony w porównaniu z innymi stronami.
  Ale to nie wpłynie na priorytet twoich stron w porównaniu z innymi witrynami.
• <xhtml: link> - ten znacznik wskazuje alternatywne wersje strony. W tym przykładzie wskazuje francuską wersję https://www.example.com.

Mapy witryn nie są sygnałem do rankingu, ale mimo to ich tworzenie stanowi integralną część optymalizacji witryny SEO w wyszukiwarkach, ponieważ pomagają robotom znaleźć wszystkie strony Twojego zasobu i ich zawartość.

Jeśli nie chcesz ręcznie tworzyć mapy witryny, istnieje wiele narzędzi, które pomogą zautomatyzować ten proces. Jeśli chcesz wiedzieć, jak działają i jaki jest proces ich pracy, następujący film jest dla Ciebie:

Po utworzeniu mapy witryny XML, musisz ją sprawdzić za pomocą Google Search Console, narzędzi Bing i gabinetu Yandex dla późniejszego wysyłania w celu indeksowania.

Ale zanim to zrobisz, nie zapomnij upewnić się, że poprawiłeś wszystkie błędy, aby nie tworzyć przeszkód dla indeksowania Twojej witryny w przyszłości.

Robots.txt

Podobnie jak mapa witryny, pliki robots.txt są prostymi plikami tekstowymi, które są przechowywane w katalogu głównym witryny. Ich celem jest pomoc wyszukiwarkom w indeksowaniu witryny.

Ten plik zawiera wiersze kodu wskazujące, do których plików, typów plików lub katalogów mają dostęp agenci wyszukiwarek.

Kod jest podzielony na bloki, z których każdy zawiera dyrektywy dla jednego agenta.

Zazwyczaj kod robots.txt wygląda tak:

User-agent: * Disallow: & lt; br data-mce-bogus = "1" & gt; User-agent: googlebot Disallow: * .ppt $

Gwiazdka (*) jest używana jako uniwersalny symbol dowolnej liczby dowolnych znaków. W łańcuchu agenta wyszukiwarki uniwersalny znak oznacza wszystkie boty.

W linii Disallow implikuje adres URL do określonego punktu. W powyższym przykładzie nasz robots.txt zabrania Googlebotowi indeksowania stron, które kończą się rozszerzeniem pliku PowerPoint (ppt) - symbol $ oznacza koniec adresu URL.

Możesz zabronić botom skanowania całej witryny za pomocą ukośnika w linii Disallow:

User-agent: * Disallow: /

Podczas tworzenia, przeprojektowywania lub rekonfigurowania witryny lepiej jest utrzymywać indeksowanie witryny przez wszystkie wyszukiwarki.

Jednak musisz być pewien, że będziesz mógł odzyskać dostęp po zakończeniu, w przeciwnym razie genialna nowa witryna nie będzie indeksowana i nikt jej nie zobaczy.

Za pomocą Google Search Console możesz sprawdzić plik robots.txt pod kątem błędów składniowych lub innych problemów.

Więcej informacji na temat robots.txt można znaleźć na tym filmie:

Jednym z problemów z plikiem robots.txt jest to, że obecność tego pliku nie powstrzyma robotów wyszukiwarek przed podążaniem za zewnętrznymi linkami do Twojej witryny.

Dlatego zamykanie stron za pomocą robots.txt nie gwarantuje, że witryna nie zostanie zaindeksowana.

Aby rozwiązać ten problem, musisz dodać dodatkowy poziom ochrony dla poszczególnych stron za pomocą metatagu robota:

<meta name = "robots" content = "noindex">

Optymalizacja URL

Adresy URL mają wpływ na sposób poruszania się użytkowników po witrynie oraz optymalizację SEO stron witryny.

Zarówno ludzie, jak i roboty spodziewają się, że adres URL strony będzie zawierał co najmniej ogólny opis tego, co to jest i gdzie ta strona znajduje się w hierarchii witryny.

Zoptymalizuj adresy URL za pomocą ukierunkowanych słów kluczowych, a także katalogu tej strony i podkatalogów.

Spójrz na te dwa adresy URL:

• https://www.example.com/klub/mens/shirts/fancy-white-dress-shirt
• https://www.example.com/product/cid=12345&pid=67890

Wyszukiwarki, które skanują stronę, zobaczą ten adres URL i będą mogły powiedzieć, że ta strona to nie tylko modne białe koszule, ale jest też związane z męską odzieżą.

Drugi adres URL nie powie nic o tym, co znajdziesz na tej stronie, z wyjątkiem, być może, tego produktu jest produktem example.com.

Jak sądzisz, który z tych adresów będzie bardziej odpowiedni dla zapytania „modne białe koszule męskie”?

Podczas tworzenia adresów URL postępuj zgodnie z następującymi wskazówkami:

• Skompresowany
  Twoje adresy URL powinny być opisowe, zawierać słowa kluczowe i być krótkie. Zasadniczo nie powinny one zawierać więcej niż 100 znaków.
• Czystość
  W miarę możliwości należy unikać używania parametrów URL, takich jak identyfikatory sesji i sortowanie / filtrowanie. Zmniejszają wygodę i zwiększają ryzyko powielania treści.
• Hyphens
  Używając wielu słów w adresie URL, powinny one być oddzielone myślnikiem, a nie podkreśleniem. Wyszukiwarki używają myślników jako separatorów słów, ale nie rozpoznają podkreśleń.
  Dlatego url_keyword dla nich oznacza to samo, co urlkeyword. Ponieważ ludzie używają spacji w wyszukiwanych hasłach, łączniki w adresach URL sprawią, że będą one odpowiednie.

Kanoniczne adresy URL

Optymalizacja adresów URL to nie tylko użycie słów kluczowych, ale także unikanie powielania.

Ze względu na parametry adresu URL i zbieranie treści z różnych źródeł dość łatwo jest uzyskać losowe powielanie materiału.

To jest złe nie tylko pod względem tautologii. Filtry Google Panda i Yandex AGS zablokują całą witrynę.

Jeśli cierpisz na duplikaty treści dzięki twojemu silnik strony wtedy ten problem można łatwo rozwiązać, używając rel = "canonical", aby wskazać wyszukiwarkom linki do oryginalnej wersji.

Używając kanonicznych adresów URL, musisz najpierw zaimplementować rozdzielczość WWW.

W tym celu ustaw preferowaną domenę w konsoli wyszukiwania Google w sekcji „Ustawienia witryny”.

Google dodaje preferowane domeny do Twojego konta podczas skanowania Internetu i wyświetlania wyników wyszukiwania.

Jeśli więc ustawisz preferowaną domenę www.example.com, wszystkie linki do example.com wyślą ciężar referencyjny na www.example.com, który jest adresem URL wyświetlanym przez Google w wynikach wyszukiwania.

Następnie dodaj znacznik kanoniczny do sekcji <head> stron HTML lub nagłówka HTTP bez stron HTML:

• HTML: <link rel = "kanoniczny" href = "https://www.example.com" />
• HTTP: Link <https://www.example.com>; rel = "kanoniczny"

Podczas dodawania tagów kanonicznych musisz być absolutnie pewien, że używane adresy URL są w 100% zgodne z Twoim kanonicznym adresem URL.

Google widzi http://www.example.com, https://www.example.com i example.com jako trzy różne strony.

Google po prostu zignoruje link kanoniczny, jeśli użyjesz więcej niż jednej strony lub łącza do strony, która zwraca błąd 404.

Szybkość ładowania strony

Czas ładowania strony jest jednym z najważniejszych aspektów użyteczności witryny i optymalizacji witryny.

Google dokłada wszelkich starań, aby zapewnić swoim użytkownikom lepsze strony internetowe, więc nie chce wysyłać ludzi do spowalniania zasobów.

Po sprawdzeniu witryny pod kątem optymalizacji SEO za pomocą WooRank, sprawdź sekcję Użyteczność, aby zobaczyć jej prędkość pobierania i porównać ją z konkurentami.

Jeśli Twoja witryna ma niską prędkość pobierania, musisz zoptymalizować następujące elementy:

• Obrazy
  Obrazy są jednym z największych sprawców wolnej prędkości stron.
  Nie należy polegać na HTML, aby zmniejszyć rozmiar pliku obrazu - może zmienić tylko jego rozmiar w pikselach, ale nie w bajtach.
  Użyj oprogramowania do edycji obrazów, takiego jak Photoshop, aby zmniejszyć rozmiar pliku. Ponadto nie byłoby zbędne korzystanie z narzędzi do kompresji obrazów bez utraty ich jakości (obejmują one różne biblioteki docelowe i edytorów online).
• Usługi stron trzecich
  Niektóre wtyczki i skrypty, takie jak przyciski do publikowania artykułów w sieciach społecznościowych i oprogramowania do śledzenia (Google Analytics, inne liczniki i statystyki), które są niezbędne do pełnego wykorzystania witryny.
  Jeśli to możliwe, lepiej jest używać wtyczek zaprojektowanych dla twojego CMS i trzymać się jednego systemu śledzenia ruchu. Stale aktualizuj CMS swojej witryny, a także dodatkowe oprogramowanie (szablony, wtyczki itp.), ale nie zapomnij sprawdzić ich wydajności przed instalacją na testowej kopii zasobu, aby nie zaszkodzić głównej stronie.
• Buforowanie
  Użyj wygasa nagłówki, aby kontrolować czas, w którym witryna będzie buforowana, a także poinformować przeglądarki klientów, że mogą buforować obrazy, arkusze stylów, skrypty i Flash.
  Zmniejszy to liczbę żądań HTTP, co zwiększy szybkość pobierania witryny i pozytywnie wpłynie na optymalizację wyszukiwarki SEO.
• Kodowanie G-Zip
  Użyj kompresji G-Zip, aby zmniejszyć rozmiar dużych plików w witrynie, aby zaoszczędzić przepustowość i jeszcze bardziej skrócić czas pobierania.
• Przekierowanie
  Niektóre przekierowania są nieuniknione. Pamiętaj jednak, że każde przekierowanie jest nowym żądaniem HTTP, które dodaje milisekundy w czasie rozruchu.

Jeśli strona witryny nie ładuje się całkowicie (nie wszystkie elementy są widoczne), użyj narzędzia programistyczne przeglądarki (w szczególności zakładka „Sieć / Sieć”), aby znaleźć pliki, które temu zapobiegają.

Faktem jest, że ich pobieranie trwa zbyt długo dla przeglądarki, w wyniku czego niektóre treści nie mają czasu na załadowanie w wyznaczonym okresie czasu.

Adaptacyjność do urządzeń mobilnych

Szybkość ładowania stron na urządzeniach mobilnych

Adaptacyjność do urządzeń mobilnych jest bezpośrednio związana z szybkością witryny, ponieważ czas ładowania jest głównym czynnikiem w rankingu witryn podczas wyszukiwania z urządzeń mobilnych.

Szybkość ładowania witryn na urządzeniach mobilnych jest znacznie ważniejsza niż podobny wskaźnik dla komputerów stacjonarnych.

Świadczą o tym następujące liczby: 40% użytkowników mobilnych opuszcza witrynę, jeśli strona nie ładuje się w ciągu 3 sekund.

Google uważa, że ​​witryna jest przyjazna dla urządzeń mobilnych (przyjazna dla urządzeń mobilnych), jeśli załadowanie zawartości jej strony zajmuje mniej niż sekundę.

Możesz zoptymalizować prędkość pobierania swojej witryny na urządzeniach mobilnych w taki sam sposób, jak w przypadku komputerów stacjonarnych:

1. Zmniejsz rozmiar obrazów;
2. Użyj buforowania;
3. Zmniejsz liczbę zależności (połączone usługi stron trzecich);
4. Zminimalizuj przekierowania.

Możesz też utworzyć przyspieszoną stronę dla urządzeń mobilnych (AMP z English Accelerated Mobile Page).

AMP jest standardem open source do tworzenia szybko ładujących się stron mobilnych o dużym ruchu.

Istnieją trzy główne elementy AMP:

• HTML
  HTML dla stron AMP jest w zasadzie zwykłym HTML. Ma tylko kilka niestandardowych zmian i limitów zasobów, takich jak obrazy, filmy i ramki.
• Javascript
  Strony AMP używają niestandardowej (JavaScript) biblioteki, która jest ładowana asynchronicznie. Musisz także ustawić wymiary w HTML, aby przeglądarki wiedziały, jak będzie wyglądać strona przed załadowaniem wszystkich elementów. Tak więc strona nie przeskoczy, gdy załadujesz inne zasoby.
• Gotówka
  Google ma dedykowaną pamięć podręczną dla stron AMP, których używa w wynikach wyszukiwania. Gdy Google ładuje stronę zapisaną w pamięci podręcznej AMP, wszystko dzieje się z tego samego miejsca, co oznacza lepszą wydajność.

Struktura witryny mobilnej

Tworząc mobilną wersję witryny, musisz wykonać trzy podstawowe niuanse:

• Poddomena mobilna
  Jest to najtrudniejszy i najbardziej czasochłonny element, ponieważ wymaga utworzenia osobnej witryny mobilnej znajdującej się w subdomenie (zazwyczaj coś takiego jak mobile.example.com lub m.example.com).
  Google nie będzie w stanie samodzielnie określić, czy subdomena pasuje do witryny tylko dla użytkowników mobilnych, więc będziesz musiał użyć tagu rel = "canonical" na zduplikowanych stronach.
  Ta metoda wymaga wielu zasobów, więcej niż następujących punktów, i co do zasady nie jest zalecana.
• Dynamiczny projekt
  Ta metoda definiuje agenta użytkownika i udostępnia różne HTML dla przeglądarek mobilnych i przeglądarek komputerów.
  Użyj różnych nagłówków HTTP użytkownika-agenta, aby poinformować wyszukiwarki, że będziesz udostępniał inny kod na podstawie agenta użytkownika.
  Dodaj ten kod, jeśli twoja strona jest oparta na PHP: <? Php header ("Vary: User-Agent, Accept"); ?>

  Podobny wynik można również uzyskać, konfigurując Apache za pomocą następującego kodu w .htaccess:

  Nagłówek dołącza Zmiennego agenta użytkownika

  Dodaj ten kod do functions.php, jeśli pracujesz Wordpress :

  funkcja add_vary_header ($ headers) {$ headers ['Vary'] = 'User-Agent'; nagłówki $; } add_filter ('wp_headers', 'add_vary_header');

• Projekt adaptacyjny
  Najłatwiejszym i najłatwiejszym sposobem utworzenia mobilnej wersji witryny jest responsywny projekt.
  Nawiasem mówiąc, ta metoda jest zalecana przez Google. Wymaga po prostu ustawienia metatagu widoku.
  Mówi przeglądarkom, których rozmiarów użyć podczas wyświetlania strony.
  Aby strony witryny reagowały na urządzenia mobilne za pomocą metatagu viewport, wpisz następujące linie w kodzie nagłówka: <meta name = "viewport" content = "width-device-width, initial-scale = 1.0" />

Micromarkowanie

Strukturalne znaczniki danych (micromarking) przywiązują wagę do treści na stronie, dzięki czemu wyszukiwarki mogą to zrozumieć.

Możesz użyć znacznika Schema.org na stronie Informacje o nas, na przykład, aby poinformować wyszukiwarki, gdzie można znaleźć adres, godziny pracy i numer telefonu.

Dodaj go do stron produktów, aby wyszukiwarki mogły łatwo znaleźć recenzje i oceny produktów.

Jeśli masz markę osobistą, dodaj znaczniki, aby wskazać informacje edukacyjne, rodzinne i zawodowe.

Aby dowiedzieć się, jak skonfigurować mikroznakowanie w witrynie WordPress, możesz obejrzeć następujący film:

Obecność mikromarkingu Schema.org na stronie internetowej nie gwarantuje wyższych pozycji w wynikach wyszukiwania niż w witrynach, które go nie używają.

Jest to jednak bardzo przydatne do optymalizacji SEO stron internetowych dla wyszukiwarek, ponieważ jest ona używana w fragmentach Google.

Najprostszym sposobem wyświetlenia fragmentów wyszukiwania jest wyszukanie wymaganego zapytania.

W wynikach wyszukiwania zobaczysz typowy fragment wyszukiwania: tytuł, adres URL i opis wraz ze zdjęciami i gwiazdkami rangi strony. Te dwa ostatnie są możliwe ze względu na znaczniki semantyczne.

Tak więc, chociaż znaczniki semantyczne nie są kryterium rankingowym, mogą pomóc poprawić pozycję w wynikach wyszukiwania.

Im lepiej Google rozumie, co znajduje się na Twojej stronie, tym większe prawdopodobieństwo, że będziesz miał wysokie pozycje w wynikach wyszukiwania.

Ponadto znaczniki semantyczne pomagają w obsłudze aplikacji, takich jak czytniki ekranu, ulepszają interfejs użytkownika witryny.

Podsumowanie

W rzeczywistości promocja witryny SEO nie ogranicza się do tej instrukcji krok po kroku z 9 punktów omówionych powyżej, ale te podstawy są wystarczające, aby Twoja witryna miała wysokie pozycje w wynikach wyszukiwania, aw rezultacie duży ruch.

Jeśli zostały podjęte wszystkie niezbędne środki, ale nie przyniosły one znaczącego wpływu na wzrost pozycji i odwiedzających, nadszedł czas, aby skorzystać z automatycznych usług promocji stron internetowych, na przykład Rookee.

To wszystko! Czekam na Twoje oceny i opinie w komentarzach pod artykułem.

Byłbym również wdzięczny, jeśli udostępnisz materiał znajomym w sieciach społecznościowych za pomocą poniższych przycisków.

Subskrybuj aktualizacje projekt na bieżąco z pojawiającymi się artykułami.

Czy zobaczenia ponownie! 🙂

Artykuł oryginalny - https://www.sitepoint.com/9-point-technical-seo-checklist-for-developers/

PS : jeśli potrzebujesz strony internetowej lub musisz wprowadzić zmiany do istniejącej usługi.

Ponad 5 lat doświadczenia w przeglądaniu stron internetowych. Współpracuj z technologiami PHP , OpenCart , WordPress , Laravel , Yii , MySQL , PostgreSQL , JavaScript , React , Angular i innymi.

Doświadczenie w projektach na różne rodzaje: lądowań , witryn korporacyjnych , sklepów internetowych , CRM , portali . W tym wsparciu i rozwoju projektów HighLoad . Wyślij swoją aplikację e-mailem [email protected] .

Nie zapomnij Podział się zers