UX w kontek\u015bcie SEO jest poj\u0119ciem na tyle szerokim, \u017ce cz\u0119sto mylnie twierdzi si\u0119, \u017ce to jedynie \u201edobrze wygl\u0105daj\u0105ca strona\u201d pod k\u0105tem wizualnym \u2013 lecz taka forma u\u017cycia UX nie zawsze okazuje si\u0119 by\u0107 efektywnym rozwi\u0105zaniem.<\/p>\n\n\n
\n Przede wszystkim chodzi tutaj o u\u017cyteczno\u015b\u0107 strony przy jednoczesnym zachowaniu jej atrakcyjno\u015bci \u2013 tak aby u\u017cytkownik mia\u0142 jak najlepsze do\u015bwiadczenia w zwi\u0105zku z korzystaniem z danej witryny.<\/p>\n\n\n
W tym wpisie poruszymy kwestie zar\u00f3wno techniczne, jak i wizualne w kontek\u015bcie efektywnego pozycjonowania SEO z wykorzystaniem UX.<\/p>\n\n\n\n
Co \u0142\u0105czy UX z SEO i dlaczego nazywana jest par\u0105 doskona\u0142\u0105?<\/h2>\n\n\n\n
W kontek\u015bcie SEO UX dotyczy przede wszystkim interakcji odbiorcy z dan\u0105 stron\u0105 internetow\u0105. Obecnie usilne wdra\u017canie wszelkich s\u0142\u00f3w kluczowych nie jest najlepsz\u0105 drog\u0105 do zwi\u0119kszania zainteresowania potencjalnych u\u017cytkownik\u00f3w, a warto\u015bciowy content, kt\u00f3ry odbiorca uzyska na stronie. Niekt\u00f3rzy do UX podchodz\u0105 jak do czego\u015b nowego, odkrywczego w dziedzinie marketingu, a UX to tera\u017aniejszo\u015b\u0107, o kt\u00f3rej niestety wci\u0105\u017c cz\u0119sto zapomina si\u0119 na etapie projektowania swojej witryny.<\/p>\n\n\n\n
Czy SEO mo\u017ce by\u0107 niewystarczaj\u0105ce dla Twojej witryny?<\/h3>\n\n\n\n
Cz\u0119sto bywa tak, \u017ce nawet dobrze zoptymalizowana pod k\u0105tem SEO strona mo\u017ce nie dawa\u0107 \u015bwietnych, przek\u0142adaj\u0105cych si\u0119 na konwersj\u0119 wynik\u00f3w, je\u015bli b\u0119dzie zawiera\u0142a elementy odstraszaj\u0105ce u\u017cytkownika, takie jak np. niedostosowanie witryny do widoku mobilnego lub d\u0142ugie \u0142adowanie strony.<\/p>\n\n\n\n
Sam ruch na stronie nie jest najlepszym wyznacznikiem warto\u015bci strony. Czasem wystarczy, \u017ce jeden z element\u00f3w nie za\u0142aduje si\u0119 odpowiednio szybko i ju\u017c tracimy potencjalnego klienta. <\/strong>Wiadomo, \u017ce wszelkie czynniki wp\u0142ywaj\u0105ce na widoczno\u015b\u0107 zale\u017c\u0105 od algorytm\u00f3w wyszukiwarki. Do\u015bwiadczenie u\u017cytkownika na stronie jest niezwykle wa\u017cne, dlatego warto pami\u0119ta\u0107, \u017ce je\u015bli strona b\u0119dzie przygotowana pod SEO i jednocze\u015bnie uwzgl\u0119dni si\u0119 odpowiednie dzia\u0142ania UX, to \u0142atwiej b\u0119dzie zatrzyma\u0107 potencjalnego u\u017cytkownika na stronie i np. obni\u017cy\u0107 wska\u017anik odrzuce\u0144, kt\u00f3ry to mo\u017ce prze\u0142o\u017cy\u0107 si\u0119 na lepsz\u0105 pozycj\u0119 w wynikach wyszukiwania. <\/p>\n\n\n\n Wiesz ju\u017c, \u017ce SEO bez odpowiedniego przygotowania UX\u2019a na stronie za wiele nie zdzia\u0142a \u2013 i odwrotnie. Teraz pora na zapoznanie si\u0119 z kilkoma podstawowymi dzia\u0142aniami zwi\u0105zanymi z odpowiednim dostosowaniem witryny zar\u00f3wno pod SEO, jak i UX. <\/p>\n\n\n Czas \u0142adowania strony jest niezwykle wa\u017cnym aspektem w kontek\u015bcie zar\u00f3wno SEO, jak i UX. W ko\u0144cu chyba nikt nie lubi czeka\u0107 w niesko\u0144czono\u015b\u0107, a\u017c dana witryna si\u0119 za\u0142aduje lub a\u017c za\u0142aduje pojedyncze elementy, kt\u00f3re nas najbardziej interesuj\u0105.<\/p>\n\n\n\n Czy to wyniki desktopowe, czy mobilne \u2013 bardzo istotne jest to, aby strona dzia\u0142a\u0142a sprawnie na ka\u017cdym etapie, gdzie znajduje si\u0119 u\u017cytkownik.<\/strong> Czasem bywa tak, \u017ce strona g\u0142\u00f3wna za\u0142aduje si\u0119 sprawnie, a strona produktowa ju\u017c nie \u2013 i ju\u017c tracimy potencjalnego klienta, poniewa\u017c zabieramy mu czas \u2013 czas, kt\u00f3ry mo\u017ce po\u015bwi\u0119ci\u0107 na analiz\u0119 stron Twoich konkurent\u00f3w. <\/p>\n\n\n\n Co powoduje, \u017ce Twoja strona dzia\u0142a wolniej ni\u017c inne? Cz\u0119sto s\u0105 to niezoptymalizowane grafiki czy te\u017c za du\u017ca liczba wtyczek zainstalowanych na stronie \u2013 to zale\u017cy. Jest spos\u00f3b, \u017ceby sprawdzi\u0107 niekt\u00f3re z b\u0142\u0119d\u00f3w i m\u00f3c je naprawi\u0107. Jak zweryfikowa\u0107, czy Twoja strona dzia\u0142a poprawnie i szybko?<\/strong> Jednym z bezp\u0142atnych narz\u0119dzi do analizy czasu \u0142adowania strony jest witryna Pagespeeds Insights:<\/p>\n\n\n\n Dzi\u0119ki Pagespeeds Insights jeste\u015bmy w stanie sprawdzi\u0107 dane wska\u017aniki. Po przetestowaniu swojej strony otrzymujemy raport z list\u0105 ewentualnych b\u0142\u0119d\u00f3w.<\/p>\n\n\n\n Na pocz\u0105tku 2021 r. Google og\u0142osi\u0142 wprowadzenie Core Web Vitals \u2013 zestawu wska\u017anik\u00f3w, kt\u00f3re ukazuj\u0105 po\u0142\u0105czenie takich kwestii, jak szybko\u015b\u0107 \u0142adowania, responsywno\u015bci i stabilno\u015bci graficznej witryny. Wska\u017aniki te powsta\u0142y w celu mierzenia do\u015bwiadcze\u0144 u\u017cytkownik\u00f3w. <\/p>\n\n\n Pandemia, kt\u00f3ra wybuch\u0142a w 2020 r., bardzo szybko pokaza\u0142a, \u017ce biznes w internecie mo\u017ce niejednokrotnie pom\u00f3c przy prowadzeniu standardowych dzia\u0142a\u0144. Po wprowadzeniu Mobile-first Index to wr\u0119cz konieczno\u015b\u0107, by przy projektowaniu strony pami\u0119ta\u0107 r\u00f3wnie\u017c o zoptymalizowaniu jej pod k\u0105tem mobilnego UX.<\/strong><\/p>\n\n\n\n Je\u015bli chcesz sprawdzi\u0107, czy Twoja witryna jest dostosowana do urz\u0105dze\u0144 mobilnych, mo\u017cesz skorzysta\u0107 z darmowego narz\u0119dzia testuj\u0105cego optymalizacj\u0119 mobiln\u0105 \u2013 https:\/\/search.google.com\/test\/mobile-friendly.<\/p>\n\n\n\n Metadane to elementy kodu strony odpowiedzialne za poprawne odczytywanie przez algorytmy tre\u015bci i zawarto\u015bci strony. Im lepiej je opiszemy, tym nasza witryna b\u0119dzie lepiej widoczna dla robot\u00f3w. Na metadane sk\u0142adaj\u0105 si\u0119 m.in.:<\/p>\n\n\n\n Dobrze zoptymalizowane metadane wp\u0142ywaj\u0105 r\u00f3wnie\u017c na lepszy wizerunek podstrony w wynikach wyszukiwania \u2013 taki wynik mo\u017ce np. zawiera\u0107 grafiki produkt\u00f3w, co prze\u0142o\u017cy si\u0119 na atrakcyjny wygl\u0105d takiego wyniku na tle innych. <\/p>\n\n\n\n Zar\u00f3wno w kontek\u015bcie SEO, jak i w UXie, istotne jest zoptymalizowanie \u2013 w miar\u0119 mo\u017cliwo\u015bci \u2013 wynik\u00f3w rozszerzonych zwanych Featured snippets.<\/p>\n\n\n\n Featured snippets to fragmenty tekstu z odpowiedzi\u0105 wybran\u0105 przez Google. Takie fragmenty odpowiedzi na dane zapytania w wyszukiwarce s\u0105 wy\u015bwietlane w bloku \u201eAnswer Box\u201d, cz\u0119sto jako pierwszy z wynik\u00f3w wyszukiwania.<\/p>\n\n\n\n Aby pojawia\u0107 si\u0119 w taki spos\u00f3b w wynikach wyszukiwania, potrzebna jest przede wszystkim sekcja FaQ na stronie.<\/strong> Je\u015bli takiej nie masz, warto nadrobi\u0107 zaleg\u0142o\u015bci, poniewa\u017c niemal w ka\u017cdej bran\u017cy wyst\u0119puj\u0105 pytania od potencjalnych u\u017cytkownik\u00f3w strony, kt\u00f3re wymagaj\u0105 szybkiej odpowiedzi. Do tego typu dzia\u0142ania mo\u017cna u\u017cy\u0107 darmowej strony do generowania schem, Schearchbloom<\/a>. Po wyborze opcji FAQPage i uzupe\u0142nieniu pyta\u0144 z odpowiedziami wygeneruje si\u0119 gotowy kod schem do dodania na stronie.<\/p>\n\n\n\n Aby upewni\u0107 si\u0119, \u017ce kod dzia\u0142a, najlepiej wklei\u0107 go do sprawdzenia na stronie analizuj\u0105cej wyniki rozszerzone Google w sekcji \u201eKod\u201d. https:\/\/search.google.com\/test\/rich-results?hl=pl . <\/p>\n\n\n\n Je\u015bli kod jest poprawny, wdra\u017camy go odpowiednio w struktur\u0119 kodu naszej strony, do kt\u00f3rej chcemy prowadzi\u0107 z pyta\u0144! Dzi\u0119ki temu algorytmy jeszcze \u0142atwiej dotr\u0105 do tre\u015bci FaQ stronie, przez co odpowiedzi b\u0119d\u0105 mia\u0142y szans\u0119 na wy\u015bwietlanie si\u0119 w sekcji w bloku \u201eAnswer Box\u201d.<\/p>\n\n\n Jednym z g\u0142\u00f3wnych element\u00f3w na stronie jest bez w\u0105tpienia menu g\u0142\u00f3wne. Warto zadba\u0107, aby by\u0142o ono zrozumia\u0142e i \u0142atwe w nawigacji. Dobrze zoptymalizowana struktura linkowania wewn\u0119trznego w menu pozwala na dok\u0142adniejsze dopasowanie algorytm\u00f3w do wyszukiwania.<\/p>\n\n\n PORADA<\/p>\n W celu zoptymalizowania swojego menu warto rozpisa\u0107 poszczeg\u00f3lne kategorie na klastry tematyczne, a nast\u0119pnie dodawa\u0107 do nich odpowiednie podkategorie. Je\u015bli mamy podobne produkty lub us\u0142ugi, trzeba zwr\u00f3ci\u0107 uwag\u0119 na nazewnictwo \u2013 w szczeg\u00f3lno\u015bci parametr\u00f3w H1 i Title \u2013 na stronie. Odpowiednio przygotowana struktura (pami\u0119taj\u0105c o linkowaniu wewn\u0119trznym mi\u0119dzy kategoriami w menu) mo\u017ce by\u0107 wdro\u017cona na stronie \u2013 oczywi\u015bcie przy zachowaniu sp\u00f3jno\u015bci graficznej z reszt\u0105 strony. Takie dzia\u0142anie nie tylko wesprze linkowanie wewn\u0119trzne mi\u0119dzy podstronami, ale te\u017c u\u0142atwi potencjalnemu u\u017cytkownikowi dotarcie do odpowiedniej kategorii na stronie.<\/p>\n<\/div>\n\n Poza odpowiednim linkowaniem wewn\u0119trznym<\/a> wa\u017cne s\u0105 r\u00f3wnie\u017c anchory<\/a> (czyli frazy, kt\u00f3re odpowiadaj\u0105 za zakotwiczenie danego linku w tek\u015bcie), z kt\u00f3rych wychodzi dany link. Najlepiej gdy anchor zawiera fraz\u0119 kluczow\u0105, kt\u00f3ra mo\u017ce odpowiada\u0107 na zapytania<\/strong>, ale trzeba uwa\u017ca\u0107 r\u00f3wnie\u017c na kanibalizacj\u0119<\/a> nazewnictwa podobnych kategorii. Dobrze oznaczone linkowanie u\u0142atwi u\u017cytkownikowi poruszanie si\u0119 po stronie.<\/p>\n\n\n Warto zwr\u00f3ci\u0107 uwag\u0119 na powtarzalne nazwy w podkategoriach. Je\u015bli takie wyst\u0119puj\u0105, w prosty spos\u00f3b mo\u017cemy unikn\u0105\u0107 kanibalizacji, odpowiednio dobieraj\u0105c frazy pod Title, H1 oraz H2. Najlepiej \u017ceby by\u0142y one jak najbardziej zbli\u017cone do nazwy danej podstrony.<\/p>\n<\/div>\n\n Po wdro\u017ceniu odpowiedniej struktury linkowania menu powinni\u015bmy zadba\u0107 r\u00f3wnie\u017c o zoptymalizowanie wyszukiwania produkt\u00f3w na stronie. W ten spos\u00f3b nie tylko pomagamy u\u017cytkownikowi dotrze\u0107 do po\u017c\u0105danej podstrony, ale tak\u017ce zwi\u0119kszamy jego wi\u0119\u017a ze stron\u0105 poprzez konkretne interakcje. Pod uwag\u0119 warto tutaj wzi\u0105\u0107 przede wszystkim wspomniane wcze\u015bniej odpowiednie nazewnictwo \u2013 nazwanie produkt\u00f3w zgodnie z intencj\u0105 u\u017cytkownika i potencja\u0142em fraz kluczowych mo\u017ce bardzo pom\u00f3c w odnalezieniu po\u017c\u0105danego wyniku.<\/p>\n\n\nNa co warto zwr\u00f3ci\u0107 uwag\u0119 przy optymalizacji UX + SEO \u2013 11 aspekt\u00f3w<\/h2>\n\n\n\n
\n 1<\/span>\n Szybko\u015b\u0107 \u0142adowania strony i Core Web Vitals<\/h2>\n\n\n
![\"PageSpeed](\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2022\/10\/PageSpeed-Insights.png\")
<\/figure>\n\n\n\n\n 2<\/span>\n Przystosowanie strony do wygl\u0105du mobilnego<\/h2>\n\n\n
![\"przystosowanie](\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2022\/10\/przystosowanie-do-mobile.png\")
<\/figure>\n\n\n\n 3<\/span>\n Metadane \u2013 jak ich optymalizacja wp\u0142ywa na UX?<\/h2>\n\n\n
![\"metadane\"](\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2022\/10\/metadane.png\")
<\/figure>\n\n\n\n 4<\/span>\n Elementy rozszerzone w kodzie strony<\/h2>\n\n\n
![\"Featured](\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2022\/10\/Featured-snippets.png\")
<\/figure>\n\n\n\n![\"Featured](\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2022\/10\/Featured-snippets2.png\")
<\/figure>\n\n\n\n![\"wyniki](\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2022\/10\/wyniki-rozszerzone-Google-1.png\")
<\/figure>\n\n\n\n\n 5<\/span>\n Przejrzyste i czytelne menu<\/h2>\n\n\n
\n 6<\/span>\n Linkowanie wewn\u0119trzne a anchory<\/h2>\n\n\n
\n 7<\/span>\n Wyszukiwanie produkt\u00f3w na stronie<\/h2>\n\n\n
\n 8<\/span>\n \u015acie\u017cka zakupowa i system p\u0142atno\u015bci<\/h2>\n\n\n
![\"koszyk](\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2022\/10\/koszyk-zakupowy.png\")
<\/figure>\n\n\n\n![\"metody](\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2022\/10\/metody-platnosci-1.png\")
<\/figure>\n\n\n![\"opinie](\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2022\/10\/opinie-w-Google.png\")
<\/figure>\n\n\n![\"b\u0142\u0105d](\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2022\/10\/blad-404-1.png\")
<\/figure>\n\n\n\n