Strony wielojęzyczne a SEO

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.

Dlaczego mapa nie stronie nie działa? 5 najczęstszych powodów.

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.

Czym jest User Experience (UX)?

Klienci kupują wzrokiem – to określenie dotyczy zarówno produktów jak i usług. Dziś nie liczy się już tylko sama oferta ale także jej prezentacja. Dorze zaprojektowany serwis wywołuje u odwiedzających określne emocje które budują wizerunek marki oraz umożliwiają efektywną konwersje ruchu.

User Experience

Definicja

User Experience (UX) to termin określający wrażenie jakie towarzyszy użytkownikowi odwiedzającemu stronę. Mówiąc o serwisie zaprojektowanym pod kątem UX mamy na myśli produkt wywołujący pozytywne emocje u odwiedzających, zachęcając ich do dalszego przeglądania portalu.

Projektowanie interfejsów pod kątem UX skupia w sobie wiele dziedzin w tym: ergonomie, psychologie oraz sztukę. Projektant User Experience osoba potrafiąca umiejętnie łączyć ze sobą te dziedziny tworząc oryginalne i przyjazne użytkownikom produkty.  

Historia

Pierwsze prace nad doświadczeniem użytkowników rozpoczęto już w latach siedemdziesiątych, choć w tedy nie funkcjonowało jeszcze pojęcie User Experience. Przy tworzeniu nowego oprogramowania dla komputerów osobistych sprawdzano jego użyteczność wykonując badania z udziałem zwykłych ludzi. Pozwalało to tworzyć oprogramowanie przyjazne dla użytkowników.

Choć dziedzina ta jest znacznie starsza to sam termin User Experience funkcjonuje dopiero od 1993 roku. Kiedy Apple utworzyło stanowisko „Architekt User Experience”,  który okazała się jednym z najważniejszych cech produktów marki. Wzorując się na sukcesie Apple inne firmy również utworzyły podobne stanowiska.

Rozwój User Experience

Choć początki UX to toporne i „brzydkie” aplikacje to w czasach swej świetności były liderami UX. Z dzisiejszej perspektywy widać jak wielki podstęp poczyniliśmy w tej dziedzinie. Od systemów operujących na poleceniach tekstowych, przez pierwsze systemy oparte o interfejs graficzny aż po nowoczesne aplikacje zwracające szczególną uwagę na takie detale jak, kolory, krój czcionki, obramowania animacje oraz cienie.

Styl interfejsów aplikacji stale ewoluuje a trendy się zmienią kilkanaście lat temu w modzie były rozbudowane serwisy z dużą ilością interaktywnych elementów. Z czasem zauważono że istotna jest prostota i estetyczny wygląd, pojawiły się między innymi zaokrąglone narożniki okien. Potem nastała era minimalizmu: ograniczenie złożoności do absolutnego minimum, subtelne podkreślanie  interaktywnych elementów, spójna stylistyka całych systemów.

Serwisy internetowe

Żadna dziedzina IT nie kojarzy się tak z UX jak sektor portali internetowych, to one jako pierwsze odkrywają nowe trendy i to na nich mamy największe zróżnicowanie stylistyki. Wynika to ze względu na to że wdrażanie własnej stylistyki wymaga małych nakładów pracy a jednocześnie oferują pod tym względem duże możliwości dla deweloperów.

Szerokie spektrum stron internetowych sprawia że trudno się wyróżnić na tle innych zachowując przy tym przyjazny i intuicyjny User Interface (UI). Na świcie istnieją już miliony stron wykorzystujących najróżniejszą stylistykę. Nie można przy projektowaniu oryginalnego UI zapomnieć o tym aby był on także przyjazny dla użytkownika.

Projektowanie stron internetowych

Praca nad serwisem charakteryzujący się dobrym UX wymaga współpracy wielu specjalistów – projektantów UX, deweloperów, grafików oraz testerów. Każda z tych osób odgrywa istotną role w procesie projektowania portalu. Projektanci przygotują projekt witryny a także będą koordynować prace pozostałych specjalistów. Graficy przygotują projekt wizualny a także zadbają o odpowiednie grafiki. Deweloperzy na podstawie projektu i wizualizacji przygotują serwis zgodny z przyjęta specyfikacją. A testerzy, będący zwykłymi użytkownikami sprawdzą w praktyce jakie odczucia zapewnia nowy projekt.

Nowoczesny styl

Współczesny użytkownik Internetu oczekuje od serwisów internetowych nowoczesnego i przyjaznego designu. Stylistyka całego serwisu powinna więc być spójna. Użytkownicy świadomie nie dostrzegają wielu dobrze zrealizowanych elementów serwisu ale już nawet najmniejsze niedociągnięcie jest szybko wyłapywane.

Responsywność

Większość odwiedzających strony internetowe to użytkownicy mobilni. Dobree projekty muszą więc obejmować również urządzenia mobilne.  Strona internetowa powinna być zaprojektowana w sposób uniwersały zachowując swoją stylistykę i treść na wszystkich urządzeniach. Niewybaczalnym błędem jest „psucie się” strony na telefonach czy tabletach.

User Interface

Pomimo zróżnicowania stron pod względem stylistyki czy przeznaczania pewne elementy są spójne dla większości serwisów. Takie obiekty jak menu, ścieżka, nagłówek czy stopka powinny znajdować się na każdej stronie.  Chęć stworzenia unikalnego projektu może dawać pokusę zastąpienia standardowych elementów nowymi, oryginalnymi. Jednak uciekanie od zastosowania standardowych sprawdzonych rozwiązań wiąże się bezpośrednio utrudnianiem klientom nawigacji po serwisie.  Internauci nauczeni na innych serwisach standardowych sposobów nawigacji niechętnie spoglądają na stylistyczne wariacje na stronach. Należy pamiętać że użyteczność serwisu jest ważniejsza niż jego unikalność.

Monitorowanie skuteczności

Po czym uznajemy że serwis posiada dobry UX? Takiej wiedzy nie dają nam testy czy konsultacje ze specjalistami tylko analiza danych zebranych po uruchomieniu nowego serwisu. Standardowo w naszych realizacjach instalujemy narzędzia śledzące zachowanie użytkowników. Zebrane w ten sposób dane pozwalają nam określić czy projekt spełnia swoje założenie. Do zbieranych informacji należą:

  • Kraj użytkownika
  • Zakładki jakie odwiedził z zachowaniem ich kolejności
  • Czas spędzony na poszczególnych zakładkach
  • Użyte przez użytkownika linki i przyciski.

Konwersja

Miarą sukcesu pozycjonowania i promocji portalu jest ilość odwiedzin, a miarą sukcesu UX jest stopień konwersji. Jest to nic innego jak odsetek użytkowników odwiedzających serwis którzy zrealizowali cel serwisu. Celem serwisu w przypadku sklepu internetowego jest sprzedaż produktu a w przypadku strony  internetowej przejście do zakładki kontakt lub skorzystanie z formularza kontaktowego.

Korekta projektu

Żaden projekt nie jest idealny od początku, po jego ukończeniu wymaga swoistego „dotarcia.  Model założony teoretycznie i przetestowany w wąskiej grupie użytkowników musi przejść sprawdzian na dużej grupie prawdziwych klientów. To na podstawie analizy ich zachowania możemy określić czy projekt zapewnia oczekiwany przez nas stopień konwersji oraz na jakich etapach występuje najwięcej porzuceń strony. Te informacje pozwalają dopracować i zmodyfikować elementy które nie wywołują założonej reakcji.

Podsumowanie

Temat User Experience i powiązanych z nim tematów jest bardzo szeroki. Każdy projekt wymaga indywidualnego podejścia oraz omówienia wszystkich jego aspektów. Założenia projektu należy określić i omówić przed przystąpieniem do procesu projektowania. Wszystkim naszym klientom oferujemy darmową konsultacje swoich projektów pod kątem między innymi User Experience a także inny aspektów.