{"id":42459,"date":"2021-10-28T13:23:07","date_gmt":"2021-10-28T11:23:07","guid":{"rendered":"https:\/\/sprawnymarketing.pl\/?p=42459"},"modified":"2023-02-27T14:45:52","modified_gmt":"2023-02-27T13:45:52","slug":"jak-stworzyc-strone-internetowa-praktyczne-porady-ux-ui-seo","status":"publish","type":"post","link":"https:\/\/sprawnymarketing.pl\/blog\/jak-stworzyc-strone-internetowa-praktyczne-porady-ux-ui-seo\/","title":{"rendered":"Jak stworzy\u0107 stron\u0119 internetow\u0105? Praktyczne porady z zakresu UX, UI i SEO"},"content":{"rendered":"\n<p>Co czas, pieni\u0105dze i nerwy mog\u0105 mie\u0107 wsp\u00f3lnego ze stron\u0105 internetow\u0105? Bardzo wiele. Pewna ameryka\u0144ska firma podnios\u0142a obroty w swoim sklepie online a\u017c o 300 milion\u00f3w dolar\u00f3w (Jared M. Spool \u201eThe $300 Million Button\u201d) , tylko (i a\u017c) dlatego, \u017ce zamiast formularza zbieraj\u0105cego dane klient\u00f3w wstawi\u0142a przycisk \u201eKup bez rejestracji\u201d. Dlaczego tak si\u0119 sta\u0142o? Poniewa\u017c zatrudni\u0142a specjalist\u0119 UX, kt\u00f3ry wskaza\u0142 im g\u0142\u00f3wny obszar witryny do poprawy.<\/p>\n\n\n\n<p>Zastanawiasz si\u0119, jak stworzy\u0107 stron\u0119 internetow\u0105, kt\u00f3ra b\u0119dzie naprawd\u0119 dobra? Zak\u0142adam, \u017ce r\u00f3wnie\u017c chcesz czerpa\u0107 z niej jak najwi\u0119cej, zyska\u0107 czas, spok\u00f3j i pieni\u0105dze. <strong>Zadbaj wi\u0119c o trzy bardzo wa\u017cne obszary: UX, UI i SEO.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-zadowolony-klient\">Zadowolony klient<\/h2>\n\n\n\n<p>Masz ju\u017c stron\u0119 internetow\u0105, kt\u00f3r\u0105 odwiedzaj\u0105 potencjalni klienci. Czy zada\u0142e\u015b sobie pytanie, w jakim celu na ni\u0105 wchodz\u0105?<br>Poza Twoim celem, jakim jest strona \u201ekt\u00f3ra sprzedaje\u201d, bardzo wa\u017cne jest zastanowienie si\u0119 nad celem Twojego u\u017cytkownika. <strong>Dla potencjalnego klienta licz\u0105 si\u0119 wszystkie walory korzystania z witryny: jej warto\u015b\u0107 merytoryczna, og\u00f3lne odczucie wynikaj\u0105ce z przebywania na stronie, \u0142atwo\u015b\u0107 i intuicyjno\u015b\u0107 obs\u0142ugi.<\/strong> Zapewniaj\u0105c u\u017cytkownikowi wszystkie te elementy, jeste\u015b w stanie zbudowa\u0107 zaufanie klienta do siebie w \u015bwiecie online. A zaufanie to podstawa do nawi\u0105zania trwa\u0142ej relacji z klientem, w obliczu rosn\u0105cej konkurencji i towarzysz\u0105cej jej ci\u0105g\u0142ej rywalizacji. Klient, kt\u00f3remu dobrze korzysta si\u0119 z Twojej strony, to zadowolony klient.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Twoje drogowskazy: UI, UX i SEO<\/h2>\n\n\n\n<p>W tym kontek\u015bcie warto przypomnie\u0107 sobie, czym jest UI, UX i SEO. Te poj\u0119cia b\u0119d\u0105 Ci towarzyszy\u0107 i przenika\u0107 si\u0119 podczas ca\u0142ego procesu pracy nad stron\u0105 www, poniewa\u017c:<\/p>\n\n\n\n<ol>\n<li>pomagaj\u0105 zrozumie\u0107 mechanizmy sprzeda\u017cowe,<\/li>\n\n\n\n<li>daj\u0105 konkretne wytyczne, gdzie postawi\u0107 akcenty,<\/li>\n\n\n\n<li>m\u00f3wi\u0105, jak nie pope\u0142ni\u0107 b\u0142\u0119d\u00f3w czy na co zwr\u00f3ci\u0107 szczeg\u00f3ln\u0105 uwag\u0119.<\/li>\n<\/ol>\n\n\n\n<p>To bezcenne drogowskazy przy tworzeniu u\u017cytecznych stron. Dla przypomnienia: <a href=\"https:\/\/sprawnymarketing.pl\/blog\/podstawy-ux\/\">UI \u2013 co to takiego?<\/a> <strong>User Interface<\/strong> to warstwa estetyczna projektu, czyli interfejs. Innymi s\u0142owy, to og\u00f3lny wygl\u0105d strony, na kt\u00f3ry sk\u0142ada si\u0119 szablon graficzny i dost\u0119pne na stronie funkcjonalno\u015bci. <strong>Jako cz\u0119\u015b\u0107 UX (User Experience)<\/strong>, czyli do\u015bwiadcze\u0144 u\u017cytkownika, interfejs (UI) musi by\u0107 odpowiednio skonstruowany wizualnie i u\u017cytkowo. Dodatkowo u\u017cytkownik strony powinien mie\u0107 prze\u015bwiadczenie, \u017ce wszystkie podejmowane interakcje s\u0105 dobrowolne i nikt nie zmusza go do niczego (case 300 milion\u00f3w baks\u00f3w \u2013 zakupy bez wymaganej rejestracji).<\/p>\n\n\n\n<p><strong>Zadaniem UI jest skomunikowanie u\u017cytkownika z oprogramowaniem (np. sklepem) przez stron\u0119 internetow\u0105. <\/strong>Z kolei SEO (Search Engine Optimization), czyli optymalizacja strony pod wyszukiwarki, zapewnia \u0142atwo\u015b\u0107 jej odczytu przez robota wyszukiwarki internetowej. A to w perspektywie czasu ma du\u017cy wp\u0142yw na widoczno\u015b\u0107 organiczn\u0105 strony.<\/p>\n\n\n\n<p>Aby lepiej zrozumie\u0107, dlaczego nale\u017cy dzia\u0142a\u0107 wed\u0142ug wspomnianych \u201edrogowskaz\u00f3w\u201d, warto u\u015bwiadomi\u0107 sobie, jak\u0105 \u015bcie\u017ck\u0119 przechodzi Tw\u00f3j klient, zanim kliknie przycisk \u201eKup\u201d.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Lejek sprzeda\u017cowy, czyli jak dzia\u0142a Tw\u00f3j klient<\/h2>\n\n\n\n<p><a href=\"https:\/\/sprawnymarketing.pl\/blog\/lejek-sprzedazowy-facebook\/\">Lejek sprzeda\u017cowy<\/a> sk\u0142ada si\u0119 z regu\u0142y z czterech faz przechodzenia klienta od zainteresowania produktem do kupna. Je\u015bli zale\u017cy Ci na tym, aby u\u017cytkownik Twojej strony dokona\u0142 zakupu w\u0142a\u015bnie u Ciebie, powiniene\u015b zadba\u0107 o to, by na ka\u017cdym etapie lejka dostarczy\u0107 mu najlepszych wra\u017ce\u0144.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Etap 1. Edukacja i budowanie \u015bwiadomo\u015bci<\/h3>\n\n\n\n<p>Na tym etapie punktem styku jest sekcja poradnikowa serwisu i wszelkie podstrony, kt\u00f3re odwiedza u\u017cytkownik z intencj\u0105 rozszerzenia wiedzy \u2013 np. listy TOP produkt\u00f3w czy nowo\u015bci.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1194\" height=\"886\" src=\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/1.png\" alt=\"etapy lejka sprzeda\u017cowego\" class=\"wp-image-42716\" srcset=\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/1.png 1194w, https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/1-300x223.png 300w, https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/1-530x393.png 530w, https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/1-768x570.png 768w\" sizes=\"(max-width: 1194px) 100vw, 1194px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etap 2. Zainteresowanie i zach\u0119cenie do sprzeda\u017cy<\/h3>\n\n\n\n<p>Na tym etapie u\u017cytkownik poznaje np. podstrony kategorii, wszelkie akcje promocyjne i rabatowe, zapoznaje si\u0119 z ekspozycj\u0105 produkt\u00f3w.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1193\" height=\"904\" src=\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/3.png\" alt=\"sklep internetowy\" class=\"wp-image-42718\" srcset=\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/3.png 1193w, https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/3-300x227.png 300w, https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/3-530x402.png 530w, https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/3-768x582.png 768w\" sizes=\"(max-width: 1193px) 100vw, 1193px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etap 3. Decyzja, po\u017c\u0105danie<\/h3>\n\n\n\n<p>Produkty czy sekcja test\u00f3w produktowych, na kt\u00f3re sk\u0142adaj\u0105 si\u0119 opinie u\u017cytkownik\u00f3w, recenzje i testy.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1181\" height=\"887\" src=\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/5.png\" alt=\"recenzje na stronie internetowej\" class=\"wp-image-42720\" srcset=\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/5.png 1181w, https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/5-300x225.png 300w, https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/5-530x398.png 530w, https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/5-768x577.png 768w\" sizes=\"(max-width: 1181px) 100vw, 1181px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etap 4. Sprzeda\u017c<\/h3>\n\n\n\n<p>Najwa\u017cniejsze w finalizacji sprzeda\u017cy s\u0105 podstrony produktowe oraz ca\u0142y proces realizacji zam\u00f3wienia: od podania danych do wysy\u0142ki po realizacj\u0119 p\u0142atno\u015bci.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1193\" height=\"896\" src=\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/8.png\" alt=\"koszyk zakupowy\" class=\"wp-image-42723\" srcset=\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/8.png 1193w, https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/8-300x225.png 300w, https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/8-530x398.png 530w, https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/8-768x577.png 768w\" sizes=\"(max-width: 1193px) 100vw, 1193px\" \/><\/figure>\n\n\n\n<p>Nie nale\u017cy te\u017c zapomina\u0107 o punktach styku z Twoj\u0105 mark\u0105 off site, takich jak np. opinie o sklepie, artyku\u0142y sponsorowane czy WoMM (Word of Mouth Marketing), czyli marketing szeptany.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Na pocz\u0105tek \u2013 skuteczne badanie<\/h2>\n\n\n\n<p>Ka\u017cd\u0105 zmian\u0119 na stronie zawsze warto poprzedzi\u0107 badaniami. Jest ich kilka rodzaj\u00f3w i ka\u017cde odpowiada na nieco inne pytania zwi\u0105zane z witryn\u0105.<\/p>\n\n\n<h2 id=\"heading-block_4d17153c06249dc5acf0ddde9ec9a8c6\" class=\"title-counter\">\n    <span class=\"title-counter--number\">1<\/span>\n    Audyt<\/h2>\n\n\n<p>Co to jest <a href=\"https:\/\/www.grupa-tense.pl\/audyt-ui\/\" rel=\"nofollow\">audyt<\/a>? To dok\u0142adne przeanalizowanie wszystkich element\u00f3w strony i wy\u0142apanie ewentualnych b\u0142\u0119d\u00f3w i niedoci\u0105gni\u0119\u0107. <strong>Najwi\u0119ksz\u0105 warto\u015b\u0107 audytow\u0105 maj\u0105 testy przeprowadzone w\u0142asnor\u0119cznie w przegl\u0105darce.<\/strong> Niekt\u00f3re b\u0142\u0119dy techniczne pozwalaj\u0105 tak\u017ce szybko znale\u017a\u0107 crawlery, takie jak Xenu, Screaming Frog, SiteBulb.<\/p>\n\n\n<div id=\"text-block_e2d4acc59cfad1615247a7595e943975\" class=\"frame-border\" >\n        <p style=\"text-align: center;\"><strong>Skorzystaj z darmowego audytu UI strony internetowej przeprowadzonego przez naszego specjalist\u0119!<\/strong><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/www.grupa-tense.pl\/audyt-ui\/\"><strong>Zg\u0142o\u015b si\u0119 na audyt<\/strong><\/a><\/p>\n<\/div>\n\n\n<p>Zobacz te\u017c, jak przeprowadzi\u0107 samodzielnie <a href=\"https:\/\/sprawnymarketing.pl\/blog\/audyt-facebooka-jak-i-dlaczego-warto-go-przeprowadzic\/\"> audyt Facebooka<\/a>, <a href=\"https:\/\/sprawnymarketing.pl\/blog\/audyt-tresci-co-to-takiego-i-dlaczego-trzeba-o-nim-pomyslec\/\">audyt tre\u015bci na swoim blogu<\/a> oraz <a href=\"https:\/\/sprawnymarketing.pl\/blog\/audyt-google-ads-nie-przeplacaj-za-reklamy\/\">audyt Google Ads<\/a>! \u2764\ufe0f<\/p>\n\n\n<h2 id=\"heading-block_c189503bfae3aa3ae6aedb11297eff64\" class=\"title-counter\">\n    <span class=\"title-counter--number\">2<\/span>\n    W\u0119dr\u00f3wka poznawcza<\/h2>\n\n\n<p>To przej\u015bcie przez dan\u0105 stron\u0119 w taki spos\u00f3b, jak robi to u\u017cytkownik. Umo\u017cliwia to spojrzenie na dan\u0105 witryn\u0119 z perspektywy korzystaj\u0105cych z niej os\u00f3b. <strong>Tak\u0105 analiz\u0119 przeprowadza si\u0119 r\u0119cznie,<\/strong> korzystaj\u0105c z przegl\u0105darki bez dodatkowych narz\u0119dzi. Ta metoda pozwoli oceni\u0107 rzeczywist\u0105 u\u017cyteczno\u015b\u0107 serwisu na poszczeg\u00f3lnych etapach lejka sprzeda\u017cowego.<\/p>\n\n\n<h2 id=\"heading-block_d2c82fcaeac34d8124102e64126eee4e\" class=\"title-counter\">\n    <span class=\"title-counter--number\">3<\/span>\n    Card sorting oraz Tree testing<\/h2>\n\n\n<p>To dwie metody, kt\u00f3re pozwalaj\u0105 przeanalizowa\u0107 czytelno\u015b\u0107 tre\u015bci i \u0142atwo\u015b\u0107 zrozumienia hierarchii serwisu. <strong>Pierwsza jest pomocna przy tworzeniu struktury serwisu od zera, druga za\u015b pozwoli przetestowa\u0107 struktur\u0119 przygotowan\u0105 wcze\u015bniej<\/strong> (np. istniej\u0105ce menu). Przydatnym w obu metodykach narz\u0119dziem jest optimalworkshop.com. Pozwala on na przeprowadzenie szeregu test\u00f3w z uczestnikami. Narz\u0119dzie to pozwala podj\u0105\u0107 decyzj\u0119 na podstawie statystyk, np. czasu koniecznego na znalezienie rozwi\u0105zania czy najcz\u0119\u015bciej wybieranego przycisku pierwszej interakcji. Uwaga! W tym badaniu nie mog\u0105 bra\u0107 udzia\u0142u pracownicy agencji ani w\u0142a\u015bciciel sklepu, ze wzgl\u0119du na swoj\u0105 stronniczo\u015b\u0107.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Dobry UX &amp; UI w harmonii z SEO, czyli optymalizacja strony internetowej<\/h2>\n\n\n\n<p>W swojej pracy cz\u0119sto spotykam si\u0119 z bardzo elementarnymi b\u0142\u0119dami UI, kt\u00f3re utrudniaj\u0105 korzystanie z danego serwisu. W takim przypadku analiza UX nie ma sensu. Kluczowe jest poprawienie wszystkich podstawowych b\u0142\u0119d\u00f3w, aby przej\u015b\u0107 dalej. Co warto zatem sprawdzi\u0107, aby przeprowadzi\u0107 optymalizacj\u0119 strony internetowej?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Poprawno\u015b\u0107 dzia\u0142ania<\/h3>\n\n\n\n<p>Poprawno\u015b\u0107 dzia\u0142ania wszystkich mechanizm\u00f3w: formularzy kontaktowych, link\u00f3w czy procesu sk\u0142adania zam\u00f3wienia to najwa\u017cniejszy element na drodze do sukcesu biznesu w internecie. <strong>Cho\u0107 ten etap ma marginalny wp\u0142yw na SEO, bez niego nie ma sensu przechodzi\u0107 dalej.<\/strong><\/p>\n\n\n\n<p>Dla przyk\u0142adu: strona, kt\u00f3ra ca\u0142y czas miewa przerwy w dzia\u0142aniu (np. za spraw\u0105 zbyt d\u0142ugiego czasu odpowiedzi czy b\u0142\u0119d\u00f3w serwera), b\u0119dzie indeksowa\u0107 si\u0119 z du\u017cym utrudnieniem. Podobnie b\u0142\u0119dne linki wewn\u0119trzne np. prowadz\u0105ce do p\u0119tli przekierowa\u0144 lub stron takich jak \u201e404 \u2013 nie znaleziono\u201d, szybko zniech\u0119c\u0105 GoogleBota do dalszych odwiedzin serwisu.<\/p>\n\n\n<div id=\"text-block_e4317915f2b8ab6071661070decb3c56\" class=\"frame-border\" >\n        <p>Gdy strona dzia\u0142a poprawnie, nale\u017cy zastanowi\u0107 si\u0119, czy ka\u017cdy u\u017cytkownik mo\u017ce u\u017cywa\u0107 jej bez problem\u00f3w. Warto zada\u0107 sobie kilka podstawowych pyta\u0144:<\/p>\n<ul>\n<li>Czy m\u00f3j serwis jest <strong>kompatybilny<\/strong> z ka\u017cdym urz\u0105dzeniem?<\/li>\n<li>Czy jest <strong>czytelny<\/strong> zar\u00f3wno na komputerze, jak i na smartfonie?<\/li>\n<li>Czy przetestowa\u0142em ca\u0142y proces sk\u0142adania zam\u00f3wienia i ka\u017cda funkcja dzia\u0142a?<\/li>\n<\/ul>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Responsywno\u015b\u0107 strony przede wszystkim<\/h3>\n\n\n\n<p>Wed\u0142ug&nbsp;<a href=\"https:\/\/gs.statcounter.com\/platform-market-share\/desktop-mobile-tablet\/poland\">aktualnych statystyk statcounter<\/a>, udzia\u0142 urz\u0105dze\u0144 mobilnych wynosi w Polsce 58,38%. Id\u0105c za tym trendem,&nbsp;<strong>Google ch\u0119tnie faworyzuje strony w pe\u0142ni kompatybilne z ka\u017cdym urz\u0105dzeniem.<\/strong>&nbsp;Dowodem na to jest chocia\u017cby wdro\u017cenie zmian w sposobie indeksacji stron. Od czasu wprowadzenia tzw. Mobile First Index w 2020 roku, punktem wyj\u015bcia dla ratingu strony jest w\u0142a\u015bnie wersja mobilna serwisu.<\/p>\n\n\n\n<p><strong>Jak sprawdzi\u0107 responsywno\u015b\u0107 strony internetowej?<\/strong>\u00a0Aby samodzielnie przekona\u0107 si\u0119, jak Google j\u0105 postrzega,\u00a0<a href=\"https:\/\/search.google.com\/test\/mobile-friendly\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">wykorzystaj tester.<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1179\" height=\"921\" src=\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/9.png\" alt=\"jak sprawdzi\u0107 responsywno\u015b\u0107 strony \" class=\"wp-image-42724\" srcset=\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/9.png 1179w, https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/9-300x234.png 300w, https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/9-530x414.png 530w, https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/9-768x600.png 768w\" sizes=\"(max-width: 1179px) 100vw, 1179px\" \/><\/figure>\n\n\n\n<p><strong>Najcz\u0119\u015bciej spotykane b\u0142\u0119dy to:<\/strong><\/p>\n\n\n\n<ul>\n<li>tre\u015b\u0107 wychodz\u0105ca po za ekran<\/li>\n\n\n\n<li>zbyt ma\u0142e czcionki<\/li>\n\n\n\n<li>elementy klikalne umieszczone zbyt blisko siebie.<\/li>\n<\/ul>\n\n\n\n<p>To te b\u0142\u0119dy najbardziej utrudniaj\u0105 korzystanie ze strony z u\u017cyciem urz\u0105dzenia mobilnego.<br>Najlepsz\u0105 kontrol\u0119 nad przebiegiem procesu indeksacji i optymalizacji strony internetowej daje utworzenie responsywnej strony, kt\u00f3ra dopasowuje sw\u00f3j layout automatycznie do ka\u017cdej wielko\u015bci ekranu.<\/p>\n\n\n\n<p><strong>Gdy zdecydujesz si\u0119 na odr\u0119bn\u0105 wersj\u0119 mobiln\u0105 Twojej strony www<\/strong>&nbsp;(kt\u00f3ra z perspektywy Google\u2019a jest kompletnie now\u0105, drug\u0105 stron\u0105 internetow\u0105), koniecznym oka\u017ce si\u0119 wdro\u017cenie dodatkowych drogowskaz\u00f3w kieruj\u0105cych dla Google. Wska\u017c\u0105 one wersj\u0119 g\u0142\u00f3wn\u0105 strony (linki: canonical i alternate). To pozwoli unikn\u0105\u0107 zjawiska duplikacji i zwi\u0105zanego z nim obni\u017cenia reputacji strony. Co wa\u017cne \u2013 responsywno\u015b\u0107 strony internetowej to nie tylko dopasowanie do ekranu, ale te\u017c intuicyjno\u015b\u0107 w obs\u0142udze na ka\u017cdym urz\u0105dzeniu.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">SXO na talerzu, czyli menu idealne<\/h3>\n\n\n\n<p>Kluczowe dla obs\u0142ugi ka\u017cdej strony jest g\u00f3rne menu, kt\u00f3re pozwala przenie\u015b\u0107 u\u017cytkownika do interesuj\u0105cej go sekcji. Dlatego projektuj\u0105c ten najwa\u017cniejszy element stron www,&nbsp;<strong>trzeba pami\u0119ta\u0107 o poprawno\u015bci dzia\u0142ania na r\u00f3\u017cnego typu urz\u0105dzeniach.<\/strong><\/p>\n\n\n\n<p>Menu musi by\u0107 zrealizowane z g\u0142ow\u0105. Podczas planowania kategorii na Twojej stronie, opr\u00f3cz analizy konkurencji,&nbsp;<strong>polecam analiz\u0119 Card Sorting.<\/strong>&nbsp;Nadmiar kategorii, nawet je\u015bli utworzony celowo przez specjalist\u0119 SEO, powinien zosta\u0107 podlinkowany w innych miejscach na stronie: logicznie dla u\u017cytkownika, ale te\u017c zrozumiale dla robota wyszukiwarki.<\/p>\n\n\n\n<p>Pami\u0119taj, \u017ce odpowiednie menu jest wizyt\u00f3wk\u0105 Twojej strony. I wszelkie analogie menu strony z menu restauracji s\u0105 jak najbardziej na miejscu. Warto zawalczy\u0107 o swoje gwiazdki Michelin!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Zach\u0119ci\u0107 GoogleBota<\/h3>\n\n\n\n<p>Dobrym pomys\u0142em jest tak\u017ce menu boczne strony. To w nim nale\u017cy zalinkowa\u0107 bardzo precyzyjne podkategorie. Wa\u017cne dla u\u017cytkownika s\u0105 tak\u017ce filtry produktowe. Zalecan\u0105 praktyk\u0105 jest odpowiednie zarz\u0105dzanie sposobem poruszania si\u0119 GoogleBota po serwisie, przy wykorzystaniu prostych drogowskaz\u00f3w:<\/p>\n\n\n\n<ul>\n<li><em>Meta robots noindex<\/em>, kt\u00f3ry m\u00f3wi, \u017ce konkretna podstrona nie ma znajdowa\u0107 si\u0119 w wyszukiwarce.<\/li>\n\n\n\n<li><em>Atrybut rel nofollow<\/em>&nbsp;na linkach, kt\u00f3rych nie powinien odwiedza\u0107 robot.<\/li>\n<\/ul>\n\n\n\n<p>Opr\u00f3cz g\u0142\u00f3wnego menu,&nbsp;<strong>du\u017cym u\u0142atwieniem dla u\u017cytkownik\u00f3w jest nawigacja okruszkowa, tzw. breadcrumbs.<\/strong>&nbsp;Co to jest? To ona pozwala wyszukiwarce zrozumie\u0107 hierarchi\u0119 serwisu, szczeg\u00f3lnie gdy nie wynika ona z konstrukcji link\u00f3w. U\u017cytkownik natomiast wykorzysta j\u0105, aby przej\u015b\u0107 \u201epoziom wy\u017cej\u201d, np. z poziomu produktu do kategorii.<\/p>\n\n\n\n<p>Wszystkie wskaz\u00f3wki dotycz\u0105ce linkowania s\u0105 nie bez znaczenia dla SEO.&nbsp;<strong>To dzi\u0119ki nim mo\u017cesz uzyska\u0107 wysoki Crawl Budget,<\/strong>&nbsp;czyli zach\u0119ci\u0107 GoogleBota do indeksowania jak najwi\u0119kszej liczby podstron w twoim serwisie. Szczeg\u00f3lnie, gdy wska\u017cesz mu drog\u0119 do podstron o najwy\u017cszej warto\u015bci.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Obustronne zwyci\u0119stwo \u2013 jak je osi\u0105gn\u0105\u0107?<\/h3>\n\n\n\n<p>W my\u015bl tezy \u201eContent is king\u201d, dla Google jako\u015bciowe podstrony to takie, kt\u00f3re przedstawiaj\u0105 wysoki stopie\u0144 warto\u015bci merytorycznej. Cz\u0119sto to w\u0142a\u015bnie tre\u015bci stanowi\u0105 g\u0142\u00f3wn\u0105 ko\u015b\u0107 niezgody mi\u0119dzy specjalistami SEO a UX. O czym pami\u0119ta\u0107, aby odnie\u015b\u0107 obustronne zwyci\u0119stwo?<\/p>\n\n\n<div id=\"text-block_efdea2448f4559e9c11891617b7e0d3c\" class=\"frame-border\" >\n        <p><strong>Z praktyki \u2013 case nr 1<\/strong><\/p>\n<p><em>Wymagane jest przez SEO umieszczenie d\u0142ugiej tre\u015bci na stronie kategorii z produktami. Jej nadmiar jednak zniech\u0119ca u\u017cytkownik\u00f3w, kt\u00f3rych intencj\u0105 s\u0105 zakupy, a nie pozyskanie wiedzy. Jak sobie poradzi\u0107?<\/em><\/p>\n<p>W tej sytuacji \u015bwiat SEO i UX mo\u017ce pogodzi\u0107 kreatywny UI Designer wspierany przez webdevelopera. Dobr\u0105 praktyk\u0105 jest umieszczenie kr\u00f3tkiej tre\u015bci w g\u00f3rnej cz\u0119\u015bci tu\u017c pod nag\u0142\u00f3wkiem H1, a reszty pod produktami. Google doceni tak\u0105 zawarto\u015b\u0107, a u\u017cytkownik nie wystraszy si\u0119 \u015bciany tekstu. Wa\u017cne, aby pole tekstowe odpowiednio skalowa\u0142o si\u0119 na ka\u017cdym urz\u0105dzeniu \u2013 tak, by ka\u017cdy u\u017cytkownik widzia\u0142 produkty. To one stanowi\u0105 obiekt jego zainteresowania.<\/p>\n<\/div>\n\n\n<p>Czytelno\u015b\u0107 to podstawa. Tre\u015bci musz\u0105 u\u017cytkownika zach\u0119ci\u0107, a niedba\u0142e wdro\u017cenie wywo\u0142a odwrotny skutek.&nbsp;<strong>Sekretem sukcesu jest dopasowanie tre\u015bci do czytania wzrokowego po najbardziej wyeksponowanych wizualnie elementach.<\/strong><br>Z tego powodu nale\u017cy zadba\u0107 o odpowiedni\u0105 struktur\u0119 \u015br\u00f3dtytu\u0142\u00f3w. Sto procent zgodno\u015bci z SEO zachowasz, utrzymuj\u0105c hierarchi\u0119 odpowiedniego otagowania w kodzie HTML i stosuj\u0105c nag\u0142\u00f3wki od H1 do H3.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bezpiecznie = skutecznie<\/h3>\n\n\n\n<p>Google k\u0142adzie te\u017c spory nacisk na bezpiecze\u0144stwo u\u017cytkownik\u00f3w.&nbsp;<strong>W bran\u017cy SEO to w\u0142a\u015bnie za spraw\u0105 Google rozpowszechni\u0142y si\u0119&nbsp;<a href=\"https:\/\/sprawnymarketing.pl\/blog\/seo-checklista-po-wdrozeniu-ssl\/\">certyfikaty SSL<\/a>&nbsp;i wtyczki zabezpieczaj\u0105ce popularne CMS\u2019y.&nbsp;<\/strong>Dlaczego to takie wa\u017cne? Gdy serwis korzysta z technologii do przesy\u0142ania danych osobowych (np. realizuje p\u0142atno\u015bci lub zosta\u0142 wyposa\u017cony w formularz kontaktowy), ale po\u0142\u0105czenie nie zosta\u0142o zaszyfrowane certyfikatem SSL, u\u017cytkownik zostanie o tym powiadomiony w przegl\u0105darce.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"334\" height=\"287\" src=\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/10.png\" alt=\"certyfikat ssl\" class=\"wp-image-42725\" srcset=\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/10.png 334w, https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/10-300x258.png 300w\" sizes=\"(max-width: 334px) 100vw, 334px\" \/><\/figure>\n\n\n\n<p>Nie mo\u017cna zapomina\u0107 o bezpiecze\u0144stwie oprogramowania. Nieaktualizowany lub s\u0142abo zabezpieczony system CMS mo\u017ce zosta\u0107 zainfekowany. Strona taka zostanie oznaczona jako niebezpieczna i ka\u017cdy u\u017cytkownik otrzyma w przegl\u0105darce pe\u0142noekranowe powiadomienie. Sytuacja jest wtedy skrajnie niebezpieczna, poniewa\u017c w jednej chwili strona traci ca\u0142\u0105 sw\u0105 widoczno\u015b\u0107. Ta baza mo\u017ce by\u0107 r\u00f3wnie\u017c wykorzystywana przez programy antywirusowe, co dodatkowo utrudni dost\u0119p do strony.<\/p>\n\n\n<div id=\"text-block_f652d36c2853001381fa11f67f28aa2f\" class=\"frame-border frame-border--advice\" >\n            <p class=\"title-tertiary frame-border__light d-block\">PORADA<\/p>\n        <p>Jak mo\u017cesz szybko zweryfikowa\u0107 status bezpiecze\u0144stwa strony? Za pomoc\u0105 <a href=\"https:\/\/transparencyreport.google.com\/safe-browsing\/search\">tego narz\u0119dzia<\/a>.<\/p>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Need for speed<\/h3>\n\n\n\n<p>W ca\u0142ym g\u0105szczu dobrych praktyk nie wolno zapomnie\u0107 o tym, \u017ce wa\u017cny jest czas \u0142adowania strony. \u017byjemy w biegu i nie po drodze nam czeka\u0107 kilka czy kilkana\u015bcie sekund na za\u0142adowanie si\u0119 kolejnej podstrony sklepu internetowego. Taki serwis b\u0119dzie generowa\u0107 wysoki wsp\u00f3\u0142czynnik odrzuce\u0144, a zam\u00f3wienia dokonaj\u0105 jedynie najwytrwalsi i najbardziej zdeterminowani klienci.<\/p>\n\n\n\n<p><strong>Jak sprawdzi\u0107 czas \u0142adowania strony?<\/strong>&nbsp;\u017beby sprawdzi\u0107, jak Google postrzega nasz\u0105 stron\u0119 pod k\u0105tem pr\u0119dko\u015bci, mo\u017cesz wykorzysta\u0107 to&nbsp;<a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/?hl=pl\">narz\u0119dzie<\/a>.<\/p>\n\n\n\n<p>Dobr\u0105 praktyk\u0105 jest weryfikacja pr\u0119dko\u015bci kilku podstron ka\u017cdego typu: np. strony g\u0142\u00f3wnej, kilka produkt\u00f3w, kilka wpis\u00f3w blogowych. Z regu\u0142y Google nie ma nawyku obni\u017cania ratingu pojedynczego adresu i podchodzi do oceny raczej domenowo. Dlatego tak wa\u017cne jest, \u017ceby zadba\u0107 o ka\u017cd\u0105 sekcj\u0119 serwisu.<\/p>\n\n\n\n<p><strong>PageSpeed Insights<\/strong>&nbsp;wskazuje nie tylko wynik pr\u0119dko\u015bci strony, ale r\u00f3wnie\u017c ocen\u0119 samego interfejsu na podstawie metryk Core Web Vitals. Czym s\u0105 i jak one dzia\u0142aj\u0105?<\/p>\n\n\n\n<p><strong>Core Web Vitals<\/strong>&nbsp;to nowe czynniki w algorytmie Google. Ich zadaniem jest okre\u015blenie w spos\u00f3b matematyczny jako\u015bci odbioru strony internetowej przez u\u017cytkownik\u00f3w. Strony z dobrym wynikiem b\u0119d\u0105 uznane za przyjazne w interakcji i tym samym najprawdopodobniej zyskaj\u0105 na widoczno\u015bci.<\/p>\n\n\n<div id=\"text-block_bb76baa527378abe9249c074930e118c\" class=\"frame-border\" >\n        <p><strong>Z praktyki \u2013 case nr 2<\/strong><\/p>\n<p>Przeprowadzili\u015bmy masow\u0105 analiz\u0119 kilku tysi\u0119cy domen pod k\u0105tem ww. metryk. Ocenie poddane zosta\u0142y podstrony rankinguj\u0105ce w zakresie TOP10 na losowe frazy (\u0142\u0105cznie ok. 10 tys. adres\u00f3w). Niestety, cz\u0119sto strony dobrze optymalizowane pod k\u0105tem og\u00f3lnej pr\u0119dko\u015bci nadal miewaj\u0105 problemy z metrykami CVW. Nasze badanie ujawni\u0142o, \u017ce a\u017c 47,7% domen z przebadanej listy odnotowa\u0142o z\u0142\u0105 ocen\u0119.<\/p>\n<\/div>\n\n\n<p><strong>Wi\u0119cej o Core Web Vitals przeczytasz w najnowszym, 17. numerze&nbsp;<a href=\"https:\/\/sprawnymarketing.pl\/szkolenia\/magazyn\/\">magazynu sprawny.marketing!<\/a>&nbsp;\ud83d\ude0a<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Z\u0142e praktyki obni\u017caj\u0105ce reputacj\u0119 strony<\/h2>\n\n\n\n<p>Za zdecydowanie z\u0142e praktyki uznawane s\u0105 takie zjawiska, jak:<\/p>\n\n\n\n<ul>\n<li>reklamy osadzone na stronie lub uci\u0105\u017cliwe wyskakuj\u0105ce okienka, utrudniaj\u0105ce dost\u0119p do w\u0142a\u015bciwej tre\u015bci na stronie,<\/li>\n\n\n\n<li>brak certyfikatu SSL \u2013 dotyczy to g\u0142\u00f3wnie sklep\u00f3w internetowych i stron wykorzystuj\u0105cych r\u00f3\u017cne mechanizmy przesy\u0142ania danych osobowych,<\/li>\n\n\n\n<li>niska ocena wersji mobilnej strony, kt\u00f3ra mo\u017ce wynika\u0107 z braku strony responsywnej lub wydzielonej wersji dla urz\u0105dze\u0144 mobilnych. O niskiej ocenie stanowi\u0107 mog\u0105 np. zbyt ma\u0142e odleg\u0142o\u015bci element\u00f3w klikalnych czy tre\u015b\u0107 nie mieszcz\u0105ca si\u0119 w oknie,<\/li>\n\n\n\n<li>ukrywanie kluczowych element\u00f3w, ze szczeg\u00f3lnym naciskiem na tre\u015bci i nag\u0142\u00f3wki.<\/li>\n<\/ul>\n\n\n<div id=\"text-block_1c6c0f4763657a6dc1da7d047802db7a\" class=\"frame-border\" >\n        <p><strong>Sytuacja z \u017cycia<\/strong><\/p>\n<p><em>Google zabrania u\u017cywania wyskakuj\u0105cych okienek pe\u0142noekranowych, jednak przy katalogu alkoholi lub sklepu w bran\u017cy erotycznej prawo wymaga potwierdzenia wieku przed dost\u0119pem do tre\u015bci. Czy widoczno\u015b\u0107 b\u0119dzie ograniczona?<\/em><\/p>\n<p>Reputacja strony mo\u017ce zosta\u0107 obni\u017cona przez blokowanie dost\u0119pu do tre\u015bci. Ale gdy tak\u0105 praktyk\u0119 wykorzystuj\u0105 r\u00f3wnie\u017c strony konkurencji, ka\u017cda z nich utraci podobn\u0105 cz\u0105stk\u0119 reputacji i nikt ani nie przegra, ani nie wygra. W tej sytuacji kluczem do sukcesu jest wdro\u017cenie okienka w spos\u00f3b przyjazny GoogleBotowi. Tre\u015b\u0107 nie powinna do\u0142adowywa\u0107 si\u0119 po potwierdzeniu wieku, a okienko powinno zakrywa\u0107 tre\u015b\u0107 do momentu jego znikni\u0119cia.<\/p>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Podsumowanie<\/h2>\n\n\n\n<p>Buduj\u0105c stron\u0119 internetow\u0105 musisz zwr\u00f3ci\u0107 uwag\u0119 na wszystkie aspekty UI\/UX i SEO. Powiniene\u015b tak tworzy\u0107 stron\u0119, aby by\u0142a ona zar\u00f3wno atrakcyjna z perspektywy klienta, jak i posiada\u0142a wszystkie najwa\u017cniejsze elementy, jakie s\u0105 brane pod uwag\u0119 przez GoogleBota.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Przede wszystkim pami\u0119taj o kilku niezwykle istotnych elementach:<\/h3>\n\n\n\n<ol>\n<li>Do postawienia odpowiedniej diagnozy trzeba zawsze wykona\u0107 wszelkie konieczne badania. Audyt, w\u0119dr\u00f3wka poznawcza i card sorting to absolutne miniumum.<\/li>\n\n\n\n<li>Poprawno\u015b\u0107 dzia\u0142ania wszystkich mechanizm\u00f3w to podstawa. Mam tu na my\u015bli: formularze kontaktowe, linki, procesy sk\u0142adania zam\u00f3wienia itd.<\/li>\n\n\n\n<li>Responsywno\u015b\u0107 strony to w obecnych czasach must have dla wszystkich domen www.<\/li>\n\n\n\n<li>Menu g\u0142\u00f3wne i linkowanie wewn\u0119trzne to bardzo wa\u017cne aspekty, kt\u00f3re musisz dobrze przemy\u015ble\u0107.<\/li>\n\n\n\n<li>Content \u2013 tre\u015bci musz\u0105 u\u017cytkownika zach\u0119ca\u0107, a ich hierarchia musi by\u0107 zgodna z SEO.<\/li>\n\n\n\n<li>Bezpiecze\u0144stwo strony \u2013 tego nigdy nie za wiele.<\/li>\n\n\n\n<li>Szybko\u015b\u0107 \u0142adowania si\u0119 serwisu to element kluczowy w obecnych czasach.<\/li>\n<\/ol>\n\n\n\n<p>Najwa\u017cniejszym elementem rankingowym ka\u017cdej strony www jest jej realna warto\u015b\u0107 dla u\u017cytkownik\u00f3w, po\u0142\u0105czona z dobrymi praktykami optymalizacji SEO. Buduj\u0105c stron\u0119 na bazie UI\/UX i SEO i pami\u0119taj\u0105c o b\u0142\u0119dach, jakie mog\u0105 wynikn\u0105\u0107 ze stosowania z\u0142ych praktyk, jeste\u015b w stanie stworzy\u0107 witryn\u0119, kt\u00f3ra spe\u0142ni wszystkie Twoje oczekiwania.<\/p>\n\n\n\n<p><em>Artyku\u0142 powsta\u0142 przy wsp\u00f3\u0142pracy z&nbsp;<a href=\"https:\/\/www.grupa-tense.pl\/\">Grup\u0105 TENSE<\/a>.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Co czas, pieni\u0105dze i nerwy mog\u0105 mie\u0107 wsp\u00f3lnego ze stron\u0105 internetow\u0105? Bardzo wiele. Pewna ameryka\u0144ska firma podnios\u0142a obroty w swoim sklepie online a\u017c o 300 milion\u00f3w dolar\u00f3w (Jared M. Spool \u201eThe $300 Million Button\u201d) , tylko (i a\u017c) dlatego, \u017ce zamiast formularza zbieraj\u0105cego dane klient\u00f3w wstawi\u0142a przycisk \u201eKup bez rejestracji\u201d. Dlaczego tak si\u0119 sta\u0142o? Poniewa\u017c [&hellip;]<\/p>\n","protected":false},"author":314,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1145,1144],"tags":[],"coauthors":[7849],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.1 (Yoast SEO v24.4) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Jak stworzy\u0107 stron\u0119 internetow\u0105? Praktyczne porady UX, UI i SEO<\/title>\n<meta name=\"description\" content=\"Jak stworzy\u0107 stron\u0119 internetow\u0105, kt\u00f3ra b\u0119dzie naprawd\u0119 dobra? Zobacz, jakie obszary musisz wzi\u0105\u0107 pod uwag\u0119, aby tego dokona\u0107!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sprawnymarketing.pl\/blog\/jak-stworzyc-strone-internetowa-praktyczne-porady-ux-ui-seo\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Jak stworzy\u0107 stron\u0119 internetow\u0105? Praktyczne porady z zakresu UX, UI i SEO\" \/>\n<meta property=\"og:description\" content=\"Jak stworzy\u0107 stron\u0119 internetow\u0105, kt\u00f3ra b\u0119dzie naprawd\u0119 dobra? Zobacz, jakie obszary musisz wzi\u0105\u0107 pod uwag\u0119, aby tego dokona\u0107!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sprawnymarketing.pl\/blog\/jak-stworzyc-strone-internetowa-praktyczne-porady-ux-ui-seo\/\" \/>\n<meta property=\"og:site_name\" content=\"sprawny.marketing \u2022 Szkolenia \u2022 Konferencje \u2022 Magazyn\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/SprawnyMarketing\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-28T11:23:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-27T13:45:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/1.png\" \/>\n<meta name=\"author\" content=\"Pawe\u0142 Konopi\u0144ski\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pawe\u0142 Konopi\u0144ski\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minut\" \/>\n\t<meta name=\"twitter:label3\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data3\" content=\"Pawe\u0142 Konopi\u0144ski\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Jak stworzy\u0107 stron\u0119 internetow\u0105? Praktyczne porady UX, UI i SEO","description":"Jak stworzy\u0107 stron\u0119 internetow\u0105, kt\u00f3ra b\u0119dzie naprawd\u0119 dobra? Zobacz, jakie obszary musisz wzi\u0105\u0107 pod uwag\u0119, aby tego dokona\u0107!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sprawnymarketing.pl\/blog\/jak-stworzyc-strone-internetowa-praktyczne-porady-ux-ui-seo\/","og_locale":"pl_PL","og_type":"article","og_title":"Jak stworzy\u0107 stron\u0119 internetow\u0105? Praktyczne porady z zakresu UX, UI i SEO","og_description":"Jak stworzy\u0107 stron\u0119 internetow\u0105, kt\u00f3ra b\u0119dzie naprawd\u0119 dobra? Zobacz, jakie obszary musisz wzi\u0105\u0107 pod uwag\u0119, aby tego dokona\u0107!","og_url":"https:\/\/sprawnymarketing.pl\/blog\/jak-stworzyc-strone-internetowa-praktyczne-porady-ux-ui-seo\/","og_site_name":"sprawny.marketing \u2022 Szkolenia \u2022 Konferencje \u2022 Magazyn","article_publisher":"https:\/\/www.facebook.com\/SprawnyMarketing\/","article_published_time":"2021-10-28T11:23:07+00:00","article_modified_time":"2023-02-27T13:45:52+00:00","og_image":[{"url":"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/1.png","type":"","width":"","height":""}],"author":"Pawe\u0142 Konopi\u0144ski","twitter_card":"summary_large_image","twitter_misc":{"Napisane przez":"Pawe\u0142 Konopi\u0144ski","Szacowany czas czytania":"14 minut","Written by":"Pawe\u0142 Konopi\u0144ski"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sprawnymarketing.pl\/blog\/jak-stworzyc-strone-internetowa-praktyczne-porady-ux-ui-seo\/#article","isPartOf":{"@id":"https:\/\/sprawnymarketing.pl\/blog\/jak-stworzyc-strone-internetowa-praktyczne-porady-ux-ui-seo\/"},"author":{"name":"Pawe\u0142 Konopi\u0144ski","@id":"https:\/\/sprawnymarketing.pl\/#\/schema\/person\/149f4519b1a4cceee4bfb15660b7d74b"},"headline":"Jak stworzy\u0107 stron\u0119 internetow\u0105? Praktyczne porady z zakresu UX, UI i SEO","datePublished":"2021-10-28T11:23:07+00:00","dateModified":"2023-02-27T13:45:52+00:00","mainEntityOfPage":{"@id":"https:\/\/sprawnymarketing.pl\/blog\/jak-stworzyc-strone-internetowa-praktyczne-porady-ux-ui-seo\/"},"wordCount":2544,"commentCount":0,"publisher":{"@id":"https:\/\/sprawnymarketing.pl\/#organization"},"image":{"@id":"https:\/\/sprawnymarketing.pl\/blog\/jak-stworzyc-strone-internetowa-praktyczne-porady-ux-ui-seo\/#primaryimage"},"thumbnailUrl":"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/1.png","articleSection":["SEO","Sponsorowane"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sprawnymarketing.pl\/blog\/jak-stworzyc-strone-internetowa-praktyczne-porady-ux-ui-seo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sprawnymarketing.pl\/blog\/jak-stworzyc-strone-internetowa-praktyczne-porady-ux-ui-seo\/","url":"https:\/\/sprawnymarketing.pl\/blog\/jak-stworzyc-strone-internetowa-praktyczne-porady-ux-ui-seo\/","name":"Jak stworzy\u0107 stron\u0119 internetow\u0105? Praktyczne porady UX, UI i SEO","isPartOf":{"@id":"https:\/\/sprawnymarketing.pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sprawnymarketing.pl\/blog\/jak-stworzyc-strone-internetowa-praktyczne-porady-ux-ui-seo\/#primaryimage"},"image":{"@id":"https:\/\/sprawnymarketing.pl\/blog\/jak-stworzyc-strone-internetowa-praktyczne-porady-ux-ui-seo\/#primaryimage"},"thumbnailUrl":"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/1.png","datePublished":"2021-10-28T11:23:07+00:00","dateModified":"2023-02-27T13:45:52+00:00","description":"Jak stworzy\u0107 stron\u0119 internetow\u0105, kt\u00f3ra b\u0119dzie naprawd\u0119 dobra? Zobacz, jakie obszary musisz wzi\u0105\u0107 pod uwag\u0119, aby tego dokona\u0107!","breadcrumb":{"@id":"https:\/\/sprawnymarketing.pl\/blog\/jak-stworzyc-strone-internetowa-praktyczne-porady-ux-ui-seo\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sprawnymarketing.pl\/blog\/jak-stworzyc-strone-internetowa-praktyczne-porady-ux-ui-seo\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/sprawnymarketing.pl\/blog\/jak-stworzyc-strone-internetowa-praktyczne-porady-ux-ui-seo\/#primaryimage","url":"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/1.png","contentUrl":"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/1.png","width":1194,"height":886,"caption":"etapy lejka sprzeda\u017cowego"},{"@type":"BreadcrumbList","@id":"https:\/\/sprawnymarketing.pl\/blog\/jak-stworzyc-strone-internetowa-praktyczne-porady-ux-ui-seo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/sprawnymarketing.pl\/"},{"@type":"ListItem","position":2,"name":"Jak stworzy\u0107 stron\u0119 internetow\u0105? Praktyczne porady z zakresu UX, UI i SEO"}]},{"@type":"WebSite","@id":"https:\/\/sprawnymarketing.pl\/#website","url":"https:\/\/sprawnymarketing.pl\/","name":"sprawny.marketing \u2022 Szkolenia \u2022 Konferencje \u2022 Magazyn","description":"","publisher":{"@id":"https:\/\/sprawnymarketing.pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sprawnymarketing.pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/sprawnymarketing.pl\/#organization","name":"sprawny.marketing \u2022 Szkolenia \u2022 Konferencje \u2022 Magazyn","url":"https:\/\/sprawnymarketing.pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/sprawnymarketing.pl\/#\/schema\/logo\/image\/","url":"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2020\/07\/logo-3.png","contentUrl":"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2020\/07\/logo-3.png","width":512,"height":106,"caption":"sprawny.marketing \u2022 Szkolenia \u2022 Konferencje \u2022 Magazyn"},"image":{"@id":"https:\/\/sprawnymarketing.pl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/SprawnyMarketing\/"]},{"@type":"Person","@id":"https:\/\/sprawnymarketing.pl\/#\/schema\/person\/149f4519b1a4cceee4bfb15660b7d74b","name":"Pawe\u0142 Konopi\u0144ski","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/sprawnymarketing.pl\/#\/schema\/person\/image\/d90f1e0bc807088b94b39df780885e28","url":"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/Konopinski-150x150.png","contentUrl":"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2021\/10\/Konopinski-150x150.png","caption":"Pawe\u0142 Konopi\u0144ski"},"description":"Ekspert SEO w Grupa TENSE. Do\u015bwiadczenie w pracy z klientami zdobywa ju\u017c od 2014 roku. Najlepiej czuje si\u0119 w prowadzeniu kampanii SEO dla e-commerce i prowadzeniu szkole\u0144. Po godzinach majsterkowicz i pasjonat motoryzacji.","url":"https:\/\/sprawnymarketing.pl\/blog\/autor\/pawel-konopinski\/"}]}},"_links":{"self":[{"href":"https:\/\/sprawnymarketing.pl\/smblog-api\/wp\/v2\/posts\/42459"}],"collection":[{"href":"https:\/\/sprawnymarketing.pl\/smblog-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sprawnymarketing.pl\/smblog-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sprawnymarketing.pl\/smblog-api\/wp\/v2\/users\/314"}],"replies":[{"embeddable":true,"href":"https:\/\/sprawnymarketing.pl\/smblog-api\/wp\/v2\/comments?post=42459"}],"version-history":[{"count":5,"href":"https:\/\/sprawnymarketing.pl\/smblog-api\/wp\/v2\/posts\/42459\/revisions"}],"predecessor-version":[{"id":45947,"href":"https:\/\/sprawnymarketing.pl\/smblog-api\/wp\/v2\/posts\/42459\/revisions\/45947"}],"wp:attachment":[{"href":"https:\/\/sprawnymarketing.pl\/smblog-api\/wp\/v2\/media?parent=42459"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sprawnymarketing.pl\/smblog-api\/wp\/v2\/categories?post=42459"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sprawnymarketing.pl\/smblog-api\/wp\/v2\/tags?post=42459"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/sprawnymarketing.pl\/smblog-api\/wp\/v2\/coauthors?post=42459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}