All posts by admin

Wielojęzyczne strony internetowe można projektować na wiele sposobów. Nie wszystkie jednak są optymalne pod względem SEO. Niewłaściwie zaprojektowany serwis może znacznie obniżyć pozycje strony w wynikach wyszukiwania a także w niektórych przypadkach całkowicie ją z nich wykluczyć. W tym wpisie poruszmy najczęstsze błędy których należy się wystrzegać podczas wdrażania obsługi wielu języków. Opiszemy także rozwiązania jaki sami z powodzeniem stosujemy.

Metody podziału serwisu na wiele języków

W podziale serwisów na wersje językowe wykształciło się kilka standardów znajdujących swoje zastosowania w różnych typach stron takich jak: wizytówki, blogi, sklepy internetowe  czy serwisy www.

Podkatalog

Jest to najpopularniejsza metoda podziału wersji językowej. Model budowy linków oparty jest o podkatalogi językowe w adresie URL. Dla przykładu /pl/o-nas, /en/about-us.  Buduje to logiczną i uporządkowaną strukturę  portalu co pozytywnie wpływa na pozycjonowanie.

Język główny

W tym wariancie mamy także możliwość określenia języka głównego, taki język nie wymaga przejścia do podkatalogu tylko je dostępny bezpośrednio. Inne języki nadal pozostają  w swoich katalogach np. /o-nas, /en/about-us. Ustanowienie języka głównego jest szczególnie przydatne gdy dodajemy do istniejącej już strony dodatkowe języki. W takim wypadku pod starymi adresami pozostają istniejące już zakładki co eliminuje konieczność ustanowienia przekierowań 301, a co za tym idzie osłabienia ich pozycji.

Subdomena

Rozwiązanie to pozwala na tworzenie w ramach jednej domeny głównej odseparowanych od siebie serwisów. Takich jak pl.twojadomena.pl i en.twojadomena.pl. Sprawdza się to szczególnie dobrze gdy zależy nam na odseparowaniu od siebie serwisów w rożnych językach.  Język domyślny może zostać umieszczony w bezpośrednio domenie głównej np. twojadomena.pl.

Osobne domeny

Jest to podobny podział jak w przypadku subdomen z tą zmianą że zamiast subdomen wykorzystujemy wiele domen głównych np. twojadomena.pl i yourdmoain.com Takie rozwiązanie sprawdza się idealnie gdy prowadzimy równolegle kampanie w różnych językach. Całkowita separacja serwisów pozwala na efektywniejsze pozycjonowanie oraz prawidłowe rozdzielnie serwisów.

Zmiana języka bez zmiany adresu URL

Jest to coraz rzadszy błąd, jednak nadal spotykamy się z takimi rozwiązaniami. Z pozoru proste i skuteczne rozwiązanie kryje za sobą wiele problemów nie tylko w kontekście SEO ale także i użyteczności. W takim wypadku adresy poszczególnych zakładek w różnych wersjach językowych są identyczne, zmiana języka następuje poprzez zmienną php, js lub plik cookie. Dla przykładu twojadomena.pl/o-nas to wspólny adres zakładki „O nas” dla wersji polskiej, angielskiej, niemieckiej itd. Jakie problemy sprawia takie rozwiązanie?

Nieoptymalny adres URL

Pierwszą rzucającą się w oczy wadą w kontekście SEO są nieoptymalne linki do pozostałych języków  w wersji angielskiej bardziej pasuje adres /about-us niż /o-nas. Warto także wspomnieć że zawartość adresu URL ma istotny wpływ na pozycje strony.

Linkowanie do zasobów

W takim rozwiązaniu trudno jest klientom przesyłać i publikować zasoby w swoim języku gdyż różni użytkownicy pod tym samym adresem zobaczą inną treść. Odbiorcy będą musieli więc przy pierwszym wejściu na stronę samodzielnie zmienić język.

Chaos dla botów

Zmiana języka z zachowaniem adresu URL sprawia że boty wyszukiwarek indeksują pod danym adresem w zasadzie losową treść. Przy jednym skanowaniu „widzą” całą treść strony w języku polskim a przy następnym skanowaniu w niemieckich. Z perspektywy bota wygląda to tak jakby ktoś wymieniał całą treść witryny co kilka tygodni.

Brak znaczników językowych

Znacznie częstszym błędem jest brak właściwego oznaczania języka w kodzie html, nagłówkach http oraz mapie strony. To przede wszystkim na ich podstawie ustalany jest język konkretnej podstrony lub zasobu co umożliwia poprawne rozpoznawanie treści na Twojej stronie. Odpowiednia optymalizacja powinna dotyczyć także opisów tytułów obrazów.  Tak aby każdy zasób został zindeksowany w prawidłowym języku.

Znaczniki wersji językowych

Istotnym szczegółem jest także dodanie znaczników wskazujących adresy różnych wersji językowych aktualnej podstrony. Znacząco zwiększa to pozycje witryny w wynikach wyszukiwania a także poprawia przystępność witryny.

Znaczniki SEO

Każda z wersji językowej podstrony powinna mieć także dedykowane opisy i tytuły meta w adekwatnym języku pozwala to na optymalizacje

Najczęstsze błędy

Podczas wdrażania obsługi wersji językowych na stronie należy pamiętać o wielu aspektach. Nie trudno więc o błędy które mogą znacznie obniżyć pozycje witryny w wynikach wyszukiwania.

Duplikacja treści

Podczas prac nad wdrożeniem systemu wielojęzykowego nie trudno o duplikacje treści która negatywnie wpływa na pozycje witryny. Należy unikać więc takich sytuacji jak duplikacja stron języka głównego gdy są one dostępne pod dwoma adresami /o-nas i /pl/o-nas. Zduplikowana treść bardzo negatywnie wpływa na pozycje witryny w wynikach wyszukiwana i stanowi poważny błąd SEO.

Błędy 404

Wdrożenie obsługi wielojęzykowej oznacza często zmianę dotychczasowych adresów podstron. Należy pamiętać że w wyszukiwarkach oraz innych portalach nadal występują dotychczasowe linki. Aby wykonać poprawną migracje adresów wykonujemy przekierowania 301 które informują wyszukiwarkę że jest to stary adres oraz jaki jest aktualny.

Ubogie warianty językowe strony

Celem budowy wielojęzykowego serwisu jest umożliwienie klientom w różnych krajach dostępu do Twojej oferty.  Pod wariantami językowymi powinna więc kryć się ta sama treść tylko w innym języku. Niestety bardzo często spotykamy się z sytuacjami gdy pod inną wersją językową kryje się zupełnie inna, często znacznie uboższa treść.

Postawmy się w takiej sytuacji w roli użytkownika. Wchodzimy na rozbudowaną stronę w niezrozumiałym dla nas języku, przełączamy więc na swój język i naszym oczom ukazują się dwa skromne akapity tekstu.  Chcieliśmy zapoznać się z treścią którą chwile temu widzieliśmy a zamiast tego dostajemy zaledwie streszczanie, można odnieść wrażenie że użytkownicy z naszego kraju są dla firmy mało istotni.

Wybór odpowiedniej strategii i budowy serwisu

Jakie rozwiązanie jest najlepsze w Twoim przypadku? Na to pytanie nie ma jednoznacznej odpowiedzi , dobór odpowiednich rozwiązań zależy od wielu czynników:

• Projekt Obecnej lub przyszłej strony
• Ilość treści
• Twój CMS
• Budżet
• Grupa docelowa
• Specyfikacja działalności

Oferujemy bezpłatną wycenę i przygotowanie propozycji dla Twojej firmy. Wystarczy że skontaktujesz się z nami mailowo lub poprzez formularz kontaktowy i opiszesz swój projekt uwzględniając wyżej wymienione cechy.

Wielu właścicieli serwisów internetowych zastanawia się dlaczego przestała działać mapa Google na ich stronie. W tym wpisie opiszemy najczęstsze przyczyny problemów z mapami oraz przedstawimy sposoby na ich rozwiązanie.

Wstępna diagnoza

Analizę problemu z mapami na stronie powinniśmy zacząć od analizy występującego błędu. W tym celu przechodzimy na stronę z mapką, następnie przy pomocy klawisza f12 przechodzimy do konsoli strony w przypadku błędów mapy powinien na czerwono wyświetlać się komunikat z błędem. Poniżej przedstawiamy opis najczęstszych błędów.

Brak klucza API

Mapy Google od 11 czerwca 2018 roku wymagają od właścicieli stron internetowych podania swojego klucza API  podczas korzystania z Map Google. Brak wspomnianego klucza objawia się widocznym obok komunikatem w miejscu mapy oraz poniższym błędem w konsoli strony.

Czym jest klucz API?

Jest to Ciąg znaków identyfikujący aplikacje np. stronę internetową w celu rozliczeń za wykorzystanie kluczy API. Aby go uzyskać należy zarejestrować się w Google Cloud Platform oraz podać dane karty kredytowej do rozliczeń. Konto z aktywną metodą płatności pozwala wygenerować klucze API między innymi do map Google.

Czy mapy Google nadal są darmowe?

Model rozliczeń w Google Cloud Patform (GCP) bazuje na naliczaniu opłat za każde tysiąc wyświetleń map lub innych elementów platformy. W ramach bezpłatnego pakietu otrzymujemy miesięczne środki do wykorzystania w ramach platformy – 200 dolarów. Po ich wykorzystaniu dalsze usługi będą nam doliczane do rachunku miesięcznego.

Całkowicie darmowe mapy

Warto jednak zaznaczyć że Google nadal udostępnia nam możliwość osadzenia na stronie całkowicie darmowych map baz żadnego klucza API.  Jednak personalizacja tych map ogranicza się do wyboru wielkości mapy. Pozostałe elementy w tym: styl mapy, inne firmy oraz obiekty na mapie a także przyciski są poza naszą kontrolą. Aby wygenerować kod takiej mapy wystarczy w mapach Google wyszukać pożądaną lokacje po czym  skorzystać z opcji udostępnij > osadź kod na stronie.

Jak zabezpieczyć się przed przekroczeniem limitu?

Stawki za wykorzystanie map Google są dojść wysokie. Dlatego wiele osób boi się zakładać konta GCP w obawie przed dużymi rachunkami w przypadku przekroczenia darmowej puli środków. Google jednak dało nam szereg narzędzi które pozwalają ograniczyć ilość użyć danego klucza. Możemy określić dzienny limit wyświetleń map a także limit dla użytkownika zabezpieczając nas przed nadmiernym wykorzystaniem środków przez pojedynczych odwiedzających.  Dodatkowo możemy określić całkowity maksymalny miesięczny budżet na optymalną kwotę, na przykład ograniczając ją wyłącznie do puli darmowych środków.

Brak zdefiniowanej metody płatności

Pomimo wdrożenia klucza API oraz poprawnego skonfigurowania limitów Twoja mama może mieć maksymalnie tylko jedno wyświetlenie dziennie. Jest to błąd wynikający z błędnie lub braku zdefiniowanej metody płatności która jest niezbędna do poprawnego działania klucza. Należy w Google Cloud Console (GCC) zweryfikować czy metoda płatności jest poprawnie skonfigurowana.

Przekroczenie limitu wykorzystania klucza

Jeśli masz już wygenerowany oraz wdrożony klucz API możesz spotkać się z błędem widocznym na zrzucie ekranu obok. Błąd ten oznacza nic innego jak przekroczenie wspominanych już limitów wykorzystania map. Przekroczenie może być globalne dla całej witryny – limit miesięczny, dzienny, koniec budżetu jak i tylko dla pojedynczego użytkownika. Z tym ostatnim błędem często spotykają się we deweloperzy oraz właściciele stron którzy testując działanie strony nadmiernie wykorzystują mapy załączając blokady. Rozwiązaniem tego problemu jest optymalny dobór limitów map oraz konfiguracja wyjątków dla adresów IP z których łączą się deweloperzy.

Limitami zarządzamy z poziomu Google Cloud Console w zakładce limity wykorzystania klucza oraz ustawieniach projektu(maksymalny budżet).

Ograniczenia domenowe wykorzystania klucza

Rozliczanie wykorzystania map na podstawie opublikowanego w kodzie strony klucza stanowi pewne zagrożenie. Dowolna osoba która odczyta Twój klucz API może na swojej stronie wdrożyć mapy na Twój rachunek. Google chcąc zabezpieczać swoich klientów przed taką praktyką wprowadziło funkcję ograniczania domenowego  wykorzystania klucza. Pozwala ono w ustawić klucz tak aby działał tylko  na zdefiniowanyc-h przez właściciela domenach. Jeśli widzisz taki błąd na swojej stronie należy przejść do ustawień klucza API i dopisać do listy akceptowanych domen Twoją.

Niedozwolony zewnętrzny skrypt

Zdarzają się także błędy nie związane zupełnie z kontem rozliczeniowym, będące objawem błędnej implementacji map na stronie. Jednym z takich błędów jest błąd XSS – oznaczający to że próbujesz wykonać na stronie niedozwolony zewnętrzny skrypt.

Czym jest zewnętrzny skrypt?

Zewnętrzny skrypt w tym przypadku JavaScript to osadzony na Twojej stronie zasób pochodzący z innej domeny. Osadzanie zewnętrznych skryptów stanowi popularną formę ataku XSS pozwalającego na osadzenie złośliwego kodu na zainfekowanej stronie.

Autoryzowane źródła

Twórcy przeglądarek w celu utrudnienia tego typu ataków zaczęli wymagać specjalnych nagłówków HTTP które autoryzują zewnętrzny zasób.  Brak  autoryzacji domeny w ten sposób oznacza odrzucenie tego zasobu przez przeglądarkę i wyświetlenie przedstawionego błędu.

Aby rozwiązać ten problem wystarczy dodać odpowiedni nagłówek który autoryzuje na Twojej stronie zewnętrzne zasoby od Google.

Błędy JavaScript

Ostatnim, zbiorczym błędem jest błąd JavaScript który wynika z błędnej lub nieaktualnej implementacji map na stronie. Jeśli mapa na Twojej stronie działała poprawnie a błąd zaczął pojawiać się stopniowo w nowych wersjach przeglądarek, oznacza to że korzystasz najprawdopodobniej z przestarzałego kodu, niezgonnego z nowymi standardami. Należy w takim wypadku ponownie wdrożyć mapy na stronie z wykorzystaniem najnowszego standardu JavaScript – ES6.

Jeśli natomiast błąd wystąpił po wykonaniu prac na stronie lub aktualizacji jakiegoś jej komponentu . Należy w pierwszej kolejności cofnąć wprowadzone zmiany na przykład przywracając kopie zapasową. Powinno to przywrócić poprawne działanie map. Sprawę samego problemu powinien przeanalizować webdeveloper który ustali przyczynę problemów oraz zaimplementuje zmiany które ją eliminują pozwalając wdrożyć wcześniej wycofane zmiany.

Podsumowanie

Wpis ten nie wyczerpuje wszystkich możliwych przyczyn problemów jakie mogą wystąpić z mapą na stronie. Jednak porusza on najpopularniejsze przyczyny problemów i pozwala na wykonanie samodzielnie podstawowej diagnozy. Jeśli masz problem z określeniem przyczyny problemu zachęcamy do kontaktu udzielimy bezpłatnej wstępnej diagnozy. Określimy przyczynę problemu oraz przygotujemy wycenę prac naprawczych.