Jak przygotować stronę do promocji

Наша команда-партнер Artmisto

W czym problem

W ostatnich latach twórcy witryn zwracali większą uwagę na wygodę interfejsów: wszystko powinno być szybkie, wygodne i zrozumiałe. Ale technologie, które pomagają tworzyć takie projekty, nie zawsze są „przyjazne” dla wyszukiwarek. Czasami brakuje nowoczesnych witryn w wyszukiwarce Yandex lub Google lub są one słabo sklasyfikowane. Często jest tak w przypadku witryn z dynamicznym ładowaniem danych. Zobaczmy, jaka jest złożoność ich indeksowania i jak rozwiązać ten problem.

Co musisz wiedzieć o indeksowaniu w wyszukiwarkach?

Jeden z etapów wyszukiwarek - zbieranie informacji, indeksowanie. Jest to dodanie dokumentów do bazy danych wyszukiwarki. Odpowiedzialni za ten proces są roboty wyszukujące (roboty indeksujące), które wyszukują dokumenty online. Analizują treść i przechowują informacje na serwerze. Po kliknięciu linków do następujących dokumentów.

W przypadku wyszukiwarek istnieją ograniczenia dotyczące typu danych, które mają być indeksowane (na przykład Flash i częściowo Javacript). Aby zrozumieć, jak wyszukiwarki wyświetlają strony w witrynie, skorzystaj z panelu dla webmasterów. Narzędzia są dostępne tylko dla zweryfikowanych witryn.

W Yandex użyj narzędzia ” Sprawdź odpowiedź serwera „ Oto kod, który pobiera robota Yandex, ale bez wyświetlania wizualnego. W Google użyj „View as Googlebot” w sekcji „Scan”. Wprowadź żądany adres strony i kliknij „Odbierz i wyświetl” i podążaj za linkiem na podany adres. Na karcie „Skanowanie” pojawi się kod strony na karcie „Wyświetlanie” - w jaki sposób strona będzie widzieć Googlebota.

Karta Skanuj Wyświetl kartę

W zależności od technologii tworzenia stron pojawiają się różnice: w jaki sposób strony są postrzegane przez użytkowników i jak robią to roboty wyszukiwania. Często takie różnice są związane z treścią ładowaną dynamicznie.

Czym jest dynamiczne ładowanie danych?

Pod dynamicznym ładowaniem danych rozumie się z reguły zastosowanie technologii. AJAX . Jest to podejście do tworzenia interaktywnych interfejsów. Buduje interakcję użytkownika i serwera WWW zgodnie ze skryptem:

1. Użytkownik klika przycisk, link lub inny element strony.
2. Element jest przetwarzany przez JavaScript po tym, jak żądanie trafi do serwera, aby uzyskać dane.
3. Serwer zwraca informacje, skrypt dodaje informacje do strony bez ponownego ładowania.

AJAX umożliwia więc dodawanie lub aktualizowanie treści na stronie bez ponownego ładowania. Pozwala to:

Zalety korzystania z technologii AJAX:

• Możliwość ładowania danych bez przeładowywania stron pozwala na bardziej zorientowane na korzystanie z witryny. Wydaje się, że ciągłość strony.
• Zmniejszenie obciążenia serwera.
• Oszczędzanie ruchu dla odwiedzających.

Jako alternatywną technologię możesz użyć Websocket w którym dane są wymieniane między przeglądarką a serwerem w czasie rzeczywistym. Technologia ta jest wykorzystywana w usługach zawierających treści na żywo, na przykład w sieciach społecznościowych, gdzie taśmy i dialogi między użytkownikami są regularnie aktualizowane bez przeładowywania stron.

Gdzie stosuje się dynamiczne przesyłanie (AJAX)?

Aplikacja na jedną stronę (witryny SPA)

Pojedyncze strony aplikacji to jedyna strona, na której treść jest dynamicznie ładowana w odpowiedzi na działania użytkownika. Celem stron SPA jest zapewnienie bardziej elastycznej interakcji z użytkownikiem, podobnej do aplikacji mobilnej.

Przykłady witryn:

Projekty interaktywne

Przez interaktywne projekty rozumiemy małe witryny promocyjne, które pomagają użytkownikom opowiedzieć „historię” o produkcie lub usłudze. Nawigacja i struktura takich witryn jest niezwykle prosta. Takie strony utrzymują użytkowników w jednym wygodnym interfejsie.

Przykłady witryn:

Klasyczne strony AJAX

W klasycznych witrynach przesyłanie danych za pomocą AJAX może być wykorzystywane do różnych zadań: wyświetlania bardziej szczegółowych informacji, pobierania wykazów produktów itp.

Przykłady witryn:

Jaka jest trudność indeksowania zawartości dynamicznej?

Warunkiem koniecznym do indeksowania stron witryny jest obecność treści w kodzie w formacie HTML. Specyfiką dynamicznie ładowanych treści jest to, że w formularzu HTML nie ma go w kodzie, jest ładowany oddzielnie przez JavaScript. Prowadzi to do dwóch problemów:

• Robot wyszukiwania nie widzi treści, ponieważ nie ma jej w kodzie HTML. Z tego powodu strony mogą nie być indeksowane.
• Wyszukiwarki mogą indeksować tylko stronę główną. Okazuje się, że jeśli programista użyje symbolu „#” po nazwie domeny w adresach URL: http: lub http:. Jeśli adresy na stronie wyglądają tak, to tylko strona główna trafi do indeksu wyszukiwarek.

Jak rozwiązać problem?

Aby przygotować się do promocji witryny z dynamicznym przesyłaniem treści, użyj schematu skanowania AJAX.

1. Konieczne jest, aby robot wyszukujący zrozumiał, że witryna obsługuje schemat skanowania AJAX. Implementacja zależy od organizacji adresów URL w witrynie.
   • Jeśli adresy na stronie są tworzone za pomocą „#”, musisz zastąpić je „#!” (Hashbang). To jest http: → http:.
   • Jeśli adresy mają konwencjonalne CNC bez skrótu, dodaj tag <meta name = "fragment" content = "!"> Meta do stron dynamicznych.
2. Jeśli powyższe warunki zostaną spełnione, robot zażąda wariantów strony za pomocą parametru „? _Escaped_fragment_ =”, dla którego musi podać obrazy HTML (kopie stron HTML z całą zawartością załadowaną po wykonaniu JavaScript). Do tworzenia migawek stron HTML zazwyczaj używa się bezgłowych przeglądarek po stronie serwera. Na przykład PhantomJS lub HtmlUnit .Dowiedz się więcej dla programistów:

Kiedy robot trafi na stronę z „#!” W adresie URL lub metatagu <meta name = „fragment” content = „!��>, Zażąda strony z parametrem „? _Escaped_fragment_ =”:

• http: → http://site.ru/?_escaped_fragment_=url
• http://site.ru/url → http://site.ru/url?_escaped_fragment_=

W rezultacie robot wyszukiwania otrzyma obrazy HTML wszystkich stron, które zostaną dodane do indeksu. Witryna będzie uczestniczyć w wyszukiwaniu na wspólnej podstawie. Jednocześnie indeks wyszukiwarek przechowuje adresy bez parametru „? _Escaped_fragment_ =”.

Zalecenia dla programistów

Co robią wyszukiwarki, aby indeksować dynamiczną treść?

W październiku 2015 r. Google wycofało zalecenia dotyczące indeksowania witryn na AJAX. Teraz, jeśli Googlebot nie ma żadnych ograniczeń dotyczących czytania plików JS i CSS, rysuje i ładuje zawartość w taki sam sposób, w jaki użytkownicy widzą ją w swojej przeglądarce. Oznacza to, że witryny korzystające z dynamicznie ładowanej zawartości powinny być poprawnie indeksowane w Google, jeśli pliki usług są otwarte dla robota.

Przypomnij sobie, że możesz skorzystać z usługi Search Console, aby sprawdzić, jak strony witryny szukają robota wyszukiwania Google. W sekcji „Skanowanie” wybierz „Wyświetl jako Googlebot”, wprowadź adres strony w odpowiedniej linii i kliknij przycisk „Odbierz i wyświetl”. Po przetworzeniu uzyskaj wynik: zobacz, jak bot widzi stronę i które komponenty JS lub CSS nie są dla niej dostępne.

W listopadzie 2015 r. Yandex ogłosił testowanie tej technologii - wykorzystanie JS i CSS podczas skanowania stron internetowych.

Przydatne do czytania

Czy powinienem postępować zgodnie z nowymi wytycznymi Google?

Jak dotąd tylko Google może indeksować strony bez otrzymywania pełnej kopii stron HTML. Yandex testuje tylko tę funkcję. Dla wszystkich innych wyszukiwarek opcja pozostaje taka sama. Dlatego odrzucenie kopii HTML stron będzie błędną decyzją.

Indeksowanie stron za pomocą podstawienia parametru „? _Escaped_fragment_ =” (gdy dostępna jest pełna wersja strony HTML) jest nadal obsługiwane przez Google. Jeśli używasz AJAX do przesyłania treści, Twoja witryna nadal będzie poprawnie indeksowana w Google, jeśli strony z „? _Escaped_fragment_ =” zostaną wysłane do robota.

Jak poprawnie przygotować strony internetowe dla SEO?

Jeśli wszystko rozumiesz - wdrażaj! Jeśli masz jakiekolwiek pytania, możesz skonsultować się z naszymi specjalistami SEO za darmo. Nasz zespół reklamowy Topright stale doradza projektantom i programistom zarówno dla Nimax, jak i firm partnerskich. Napisz z pytaniami: [email protected] .

Ponadto, jeśli masz do czynienia z zadaniem stworzenia strony internetowej, w tym ruchu SEO, a nie chcesz robić tej części pracy, możesz przesłać ją do nas w ramach programu partnerskiego. Przeczytaj więcej o usłudze. Projektowanie SEO zobacz nasze warunki program partnerski w marketingu internetowym.