\n Jest tam du\u017co tre\u015bci. Du\u017co. To wszystko w Internecie \u2013 w marketingu tre\u015bci, aktualizacjach w mediach spo\u0142eczno\u015bciowych i blogowaniu. Z pewno\u015bci\u0105 poszczeg\u00f3lni u\u017cytkownicy wnosz\u0105 w\u0142asne tre\u015bci. Ale aktualizacje statusu przeci\u0119tnej osoby i posty na blogach dotycz\u0105ce niszowych zainteresowa\u0144 lub codziennego \u017cycia to niewiele w por\u00f3wnaniu z przyt\u0142aczaj\u0105c\u0105 ilo\u015bci\u0105 tre\u015bci tworzonych przez firmy.\n<\/p>\n
\n Podczas gdy era spamu i czarnych taktyk SEO dobiega ko\u0144ca, tre\u015bci internetowe o niskiej jako\u015bci nadal s\u0105 powszechne. Co ma do tego projektant?<\/strong>\n<\/p>\n \n Jako projektant w \u015bwiecie tworzenia tre\u015bci prawdopodobnie s\u0142ysza\u0142e\u015b co najmniej jedno z nast\u0119puj\u0105cych modnych s\u0142\u00f3w:\n<\/p>\n \n Wszystkie znacz\u0105 to samo: w ko\u0144cu ilo\u015b\u0107 produkowanych informacji nas przyt\u0142oczy. Analitycy rynku, futury\u015bci i inni jasnowidze od dziesi\u0119cioleci przewiduj\u0105 nadej\u015bcie nadmiaru informacji. Zasadniczo ilo\u015b\u0107 dost\u0119pnych tre\u015bci (poda\u017c) przekroczy ilo\u015b\u0107 tre\u015bci, kt\u00f3re mog\u0105 by\u0107 konsumowane (popyt).\n<\/p>\n \n Na pocz\u0105tku 2014 roku Mark Schaefer, dyrektor wykonawczy Schaefer Marketing Solutions i d\u0142ugoletni strateg ds. tre\u015bci, opublikowa\u0142 kontrowersyjny artyku\u0142, kt\u00f3ry spotka\u0142 si\u0119 z du\u017cym zainteresowaniem \u2013 i du\u017cym sprzeciwem \u2013 ze strony innych znanych tw\u00f3rc\u00f3w tre\u015bci.\n<\/p>\n \n Argument Schaefera? Content marketing nie ma trwa\u0107 wiecznie. Przy tak du\u017cej ilo\u015bci informacji za\u015bmieconych w sieci, tylko dobrze finansowane du\u017ce marki b\u0119d\u0105 mia\u0142y kapita\u0142 na produkcj\u0119 i publikowanie wysokiej jako\u015bci tre\u015bci i zag\u0142usz\u0105 konkurencj\u0119. W rezultacie ma\u0142e firmy i startupy nie b\u0119d\u0105 w stanie nad\u0105\u017cy\u0107 za \u015bwiatem tre\u015bci online ani si\u0119 w nim przebi\u0107.\n<\/p>\n \n Wed\u0142ug firmy Schaefer ilo\u015b\u0107 tre\u015bci w sieci podwaja si\u0119 co 9 do 24 miesi\u0119cy. Ponadto, dzi\u0119ki Internet Archive i Wayback Machine, wiele stron, kt\u00f3re w przeciwnym razie zosta\u0142yby usuni\u0119te i zagubione w eterze, jest teraz przechowywanych w archiwum online, z kt\u00f3rego mog\u0105 korzysta\u0107 konsumenci. Internet Archive kataloguje informacje od 1996 roku i obecnie ro\u015bnie w tempie oko\u0142o 20 terabajt\u00f3w tygodniowo.\n<\/p>\n \n Je\u015bli zjawiskiem jest przeci\u0105\u017cenie informacyjne, to jego przyczyn\u0105 jest szum tre\u015bciowy. Marcel Digital, agencja zajmuj\u0105ca si\u0119 marketingiem internetowym i projektowaniem stron internetowych, przeprowadzi\u0142a seri\u0119 kr\u00f3tkich wywiad\u00f3w z liderami bran\u017cy w dziedzinie content marketingu, reprezentuj\u0105cymi marki takie jak Moz, Search Engine Land i KISSmetrics. Marcel poprosi\u0142 ich o podanie w\u0142asnych definicji szumu tre\u015bci, a tak\u017ce o okre\u015blenie, jak on wygl\u0105da.\n<\/p>\n \n Konsensus? S\u0142owo \u201eszum” odnosi si\u0119 do tre\u015bci, kt\u00f3re zajmuj\u0105 du\u017co miejsca i wymagaj\u0105 du\u017co energii, nie daj\u0105c wiele \u2013 lub nic \u2013 w zamian.\n<\/p>\n \n Oto kr\u00f3tkie podsumowanie opinii ekspert\u00f3w:\n<\/p>\n \n Jak wida\u0107, szum tre\u015bci jest wszechobecny. Mn\u00f3stwo wydawc\u00f3w internetowych s\u0142u\u017cy wy\u0142\u0105cznie jako miejsca dla \u017ale napisanych post\u00f3w go\u015bcinnych, stworzonych do cel\u00f3w SEO i do tworzenia link\u00f3w zwrotnych typu \u201edo-follow”. Przy niewielkiej kontroli jako\u015bci i ogromnej liczbie publikowanych tre\u015bci \u0142atwo jest rozpozna\u0107 takie witryny \u2013 zw\u0142aszcza, \u017ce \u200b\u200bich strony internetowe s\u0105 \u017ale zaprojektowane i cz\u0119sto wr\u0119cz niemo\u017cliwe do nawigacji.<\/strong>\n<\/p>\n \n A wi\u0119c wszystko sprowadza si\u0119 do tego: w Internecie jest du\u017co tre\u015bci. Ca\u0142e mn\u00f3stwo. Ale jako marketer, co mo\u017cesz z tym zrobi\u0107?<\/strong>\n<\/p>\n \n Marketingowcy tre\u015bci s\u0105 zgodni: wysokiej jako\u015bci tre\u015bci<\/strong> to najwa\u017cniejszy element strategii, kt\u00f3ra przebija si\u0119 przez szum. Ale to nie jedyny.\n<\/p>\n \n Przyjrzyj si\u0119 niekt\u00f3rym z najlepszych tw\u00f3rc\u00f3w tre\u015bci w bran\u017cy marketingu cyfrowego. Eksperci, kt\u00f3rzy odpowiedzieli na ankiet\u0119 Marcel Digital, reprezentuj\u0105 kilku z tych lider\u00f3w, obok blog\u00f3w w witrynach takich jak HubSpot, Convince and Convert, Marketing Sherpa i innych.\n<\/p>\n \n Chocia\u017c ton i specyficzne rodzaje tworzonych przez nich tre\u015bci r\u00f3\u017cni\u0105 si\u0119, wszyscy ci liderzy bran\u017cy maj\u0105 co\u015b wsp\u00f3lnego: wysokiej jako\u015bci projektowanie stron internetowych.<\/strong> Jest to znacznie rzadziej omawiana strategia walki z szumem tre\u015bci, ale jest r\u00f3wnie skuteczna.\n<\/p>\n \n Dla przeci\u0119tnego u\u017cytkownika sieci wyb\u00f3r przeszukiwania przeci\u0105\u017cenia w celu dotarcia do warto\u015bciowych informacji nie jest \u015bwiadomy. Zamiast tego u\u017cytkownicy w naturalny spos\u00f3b sk\u0142aniaj\u0105 si\u0119 ku dobrze napisanej tre\u015bci, kt\u00f3ra jest przedstawiona w spos\u00f3b \u0142atwy do przyswojenia; ergo jako\u015b\u0107 zale\u017cy od inteligentnego po\u0142\u0105czenia obu czynnik\u00f3w.<\/strong>\n<\/p>\n \n Je\u015bli chodzi o projektowanie strony internetowej w celu zwalczania szumu tre\u015bci, b\u0119dziesz chcia\u0142 post\u0119powa\u0107 zgodnie z podstawowymi zasadami projektowania stron internetowych \u2013 a nawet kilkoma. Na dobry projekt strony internetowej sk\u0142ada si\u0119 wiele r\u00f3\u017cnych czynnik\u00f3w. Zoptymalizuj pod k\u0105tem czytelno\u015bci i \u0142atwo\u015bci nawigacji oraz utw\u00f3rz uk\u0142ad prezentuj\u0105cy tre\u015bci, na kt\u00f3rych chcesz skupi\u0107 uwag\u0119 czytelnik\u00f3w.\n<\/p>\n \n Oto kilka najlepszych praktyk dotycz\u0105cych tworzenia witryny internetowej, kt\u00f3ra b\u0119dzie uzupe\u0142nia\u0107 tre\u015bci, kt\u00f3re stworzy\u0142e\u015b, aby przebi\u0107 si\u0119 przez zgie\u0142k.\n<\/p>\n \n Fabian Stetzer, dyrektor generalny EyeQuant, uwa\u017ca, \u017ce \u200b\u200bprojektowanie stron internetowych powinno uwzgl\u0119dnia\u0107 ludzki m\u00f3zg i ruch wzrokowy \u2013 co oznacza, \u017ce \u200b\u200bneuronauka mo\u017ce nam powiedzie\u0107, w jaki spos\u00f3b wchodzimy w interakcje z sieci\u0105. To interesuj\u0105ca teoria i ma ogromny potencja\u0142 dla projektant\u00f3w. Przyjrzyjmy si\u0119 bli\u017cej.\n<\/p>\n \n Sam EyeQuant to program wykorzystuj\u0105cy sztuczn\u0105 inteligencj\u0119, kt\u00f3ry ma dok\u0142adnie pokazywa\u0107, w kt\u00f3rych obszarach u\u017cytkownicy najprawdopodobniej skupi\u0105 sw\u00f3j wzrok (a w drugiej kolejno\u015bci uwag\u0119) na danej stronie internetowej.\n<\/p>\n \n Jego algorytmy wywodz\u0105 si\u0119 z wielu bada\u0144 \u015bledzenia ruchu ga\u0142ek ocznych i bada\u0144 neuronaukowych, wykorzystuj\u0105cych ruch ludzkiego oka, gdy patrzy ono na ekrany komputer\u00f3w i rzeczywiste przedmioty detaliczne. Kr\u00f3tko m\u00f3wi\u0105c, program przewiduje, gdzie na stronie u\u017cytkownicy najcz\u0119\u015bciej b\u0119d\u0105 szuka\u0107.\n<\/p>\n \n Na przyk\u0142ad w przypadku strony g\u0142\u00f3wnej Google program pokazuje, w jaki spos\u00f3b oczy najpierw kieruj\u0105 si\u0119 w stron\u0119 logo Google. W zwi\u0105zku z tym logo kieruje wzrok w stron\u0119 g\u0142\u00f3wnego elementu witryny: pola wyszukiwania.\n<\/p>\n \n Na Amazon EyeQuant pokazuje, jak u\u017cytkownicy najpierw patrz\u0105 w kierunku \u015brodka ekranu. Szybko ich oczy kieruj\u0105 si\u0119 w stron\u0119 rozpoznawalnych grafik \u2013 w tym ludzkich twarzy, obraz\u00f3w promowanych produkt\u00f3w i pogrubionego tekstu. Te spostrze\u017cenia s\u0105 nieocenione dla marketingowych projektant\u00f3w stron internetowych, kt\u00f3rzy mog\u0105 wykorzysta\u0107 program do optymalizacji do\u015bwiadcze\u0144 widz\u00f3w i zwi\u0119kszenia sprzeda\u017cy.\n<\/p>\n \n Wniosek jest taki, \u017ce efekt wizualny jest kluczowym elementem projektu internetowego, kt\u00f3ry wyr\u00f3\u017cnia si\u0119 na tle szumu tre\u015bci. Program pokazuje r\u00f3wnie\u017c, \u017ce sam projekt poszczeg\u00f3lnych element\u00f3w strony to za ma\u0142o; kontekst jest r\u00f3wnie wa\u017cny. Wed\u0142ug Stetzera: \u201eJe\u015bli wszyscy s\u0105 ubrani na czerwono, wygrywa bycie zielonym”.\n<\/p>\n \n Przebijanie si\u0119 przez szum oznacza upewnienie si\u0119, \u017ce Twoi go\u015bcie dok\u0142adnie wiedz\u0105, co dostan\u0105, gdy odwiedz\u0105. Unikaj marnowania ich czasu, umieszczaj\u0105c wyra\u017any nag\u0142\u00f3wek, kt\u00f3ry jasno informuje widza, na co go czeka.\n<\/p>\n \n Dla wyszukiwarek pr\u00f3g akceptowalno\u015bci pod wzgl\u0119dem czasu \u0142adowania strony to 2 sekundy lub mniej. Tw\u00f3j nag\u0142\u00f3wek mo\u017ce sk\u0142ada\u0107 si\u0119 tylko z kilku s\u0142\u00f3w, ale \u2013 je\u015bli umie\u015bcisz go inteligentnie w projekcie strony \u2013 b\u0119dzie to pierwsza tre\u015b\u0107, kt\u00f3r\u0105 zobacz\u0105 Twoi widzowie. B\u0119d\u0105 go u\u017cywa\u0107 do oceny, czy Twoje tre\u015bci s\u0105 odpowiednie dla ich potrzeb lub zainteresowa\u0144.\n<\/p>\n \n Blogerzy z KISSmetrics nie zalecaj\u0105 wciskania wielkiego pomys\u0142u w ma\u0142y nag\u0142\u00f3wek. Nie musi podoba\u0107 si\u0119 ka\u017cdemu odwiedzaj\u0105cemu; to, co powinno zrobi\u0107, to odwo\u0142a\u0107 si\u0119 do 20 do 35 procent odwiedzaj\u0105cych, kt\u00f3rzy stanowi\u0105 grup\u0119 docelow\u0105.\n<\/p>\n \n Je\u015bli chodzi o projekt, nag\u0142\u00f3wek powinien mie\u0107 znacznie wi\u0119kszy rozmiar czcionki ni\u017c jakikolwiek nast\u0119puj\u0105cy po nim tekst. U\u017cyj koloru o wysokim kontra\u015bcie, aby odr\u00f3\u017cni\u0107 go od t\u0142a, i spraw, aby otaczaj\u0105cy tekst by\u0142 nieco bardziej stonowany, aby nie konkurowa\u0142 z nag\u0142\u00f3wkiem. Je\u015bli nag\u0142\u00f3wek nie jest pierwsz\u0105 rzecz\u0105, kt\u00f3ra przyci\u0105ga uwag\u0119 na stronie, oznacza to, \u017ce nie spe\u0142nia swojego zadania.\n<\/p>\n \n Minimalistyczny projekt to jeden z niezawodnych sposob\u00f3w, aby upewni\u0107 si\u0119, \u017ce wszelkie tre\u015bci, kt\u00f3re udost\u0119pniasz, b\u0119d\u0105 g\u0142\u00f3wnym tematem Twojej witryny \u2013 a dodatkowo da\u0107 jej troch\u0119 przestrzeni do oddychania. Minimalistyczne projektowanie stron internetowych w przesz\u0142o\u015bci koncentrowa\u0142o si\u0119 bezpo\u015brednio na potrzebach u\u017cytkownika, daj\u0105c mu dok\u0142adnie to, czego szuka, szybko i bez wysi\u0142ku z jego strony.\n<\/p>\n \n W pewnym stopniu powszechna popularno\u015b\u0107 mobilnego przegl\u0105dania Internetu wynika z odrodzenia si\u0119 minimalizmu we wzornictwie. W miar\u0119 jak urz\u0105dzenia mobilne stawa\u0142y si\u0119 coraz bardziej optymalizowane pod k\u0105tem sieci, projektanci musieli usuwa\u0107 wszelkie zb\u0119dne elementy projektu, kt\u00f3re mog\u0142yby umniejsza\u0107 zawarto\u015b\u0107. Usuni\u0119cie tych witryn mia\u0142o r\u00f3wnie\u017c dodatkow\u0105 zalet\u0119 w postaci znacznego skr\u00f3cenia czasu \u0142adowania.\n<\/p>\n \n U podstaw minimalizmu le\u017cy ustalenie, kt\u00f3re elementy s\u0105 najwa\u017cniejsze. Zastan\u00f3w si\u0119 nad celem swojej witryny. Je\u015bli jakikolwiek element projektu nie odpowiada celowi Twojej witryny, nie warto go trzyma\u0107, wi\u0119c wyrzu\u0107 go. Ogranicz liczb\u0119 kolor\u00f3w do minimum i wykorzystuj du\u017co bia\u0142ych znak\u00f3w.\n<\/p>\n \n Na koniec, co chcesz, aby u\u017cytkownicy robili? Innymi s\u0142owy, jakie jest wezwanie do dzia\u0142ania? Czy chcesz, aby u\u017cytkownicy pobrali e-booka, zapisali si\u0119 do newslettera lub skomentowali wpis na blogu?\n<\/p>\n \n Spraw, aby formularz rejestracji lub komentarza by\u0142 prosty, bez d\u0142ugich wyja\u015bnie\u0144 i zbyt wielu p\u00f3l informacyjnych. Je\u015bli u\u017cytkownicy uzyskuj\u0105 dost\u0119p do Twojej witryny z urz\u0105dze\u0144 mobilnych, b\u0119d\u0105 jeszcze mniej cierpliwi ni\u017c u\u017cytkownicy komputer\u00f3w.\n<\/p>\n \n Twoi widzowie powinni skupi\u0107 swoj\u0105 uwag\u0119 na tym, co chcesz im pokaza\u0107 \u2013 ale je\u015bli nie s\u0105 zainteresowani t\u0105 konkretn\u0105 stron\u0105, musisz da\u0107 im mo\u017cliwo\u015b\u0107 zapoznania si\u0119 z reszt\u0105 witryny. Podczas gdy niekt\u00f3rzy u\u017cytkownicy zamkn\u0105 okno, je\u015bli nie znajd\u0105 tego, czego szukaj\u0105 na stronie, na kt\u00f3rej wyl\u0105dowali, niekt\u00f3rzy cz\u0142onkowie grupy docelowej b\u0119d\u0105 sk\u0142onni szuka\u0107 gdzie indziej w witrynie, aby sprawdzi\u0107, czy inne tre\u015bci rezonuj\u0105 z ich wymagania.\n<\/p>\n \n I tu pojawia si\u0119 projekt nawigacji.\n<\/p>\n \n Nawigacja powinna by\u0107 \u0142atwa do zidentyfikowania i jeszcze \u0142atwiejsza w u\u017cyciu. Obowi\u0105zuj\u0105 tu r\u00f3wnie\u017c elementy minimalistycznego wzornictwa; je\u015bli menu nawigacyjne zawiera zbyt wiele link\u00f3w, u\u017cytkownicy mog\u0105 czu\u0107 si\u0119 przyt\u0142oczeni. Pami\u0119taj, \u017ce staramy si\u0119 wyr\u00f3\u017cnia\u0107 z przyt\u0142aczaj\u0105cej obecno\u015bci szumu tre\u015bci \u2013 nie dodawa\u0107 do tego! Og\u00f3lnie rzecz bior\u0105c, maksimum, do kt\u00f3rego nale\u017cy d\u0105\u017cy\u0107, to pi\u0119\u0107 do dziesi\u0119ciu element\u00f3w menu nawigacyjnego.\n<\/p>\n \n U\u017cytkownicy powinni wiedzie\u0107, gdzie si\u0119 znajduj\u0105 w Twojej witrynie. Musz\u0105 te\u017c wiedzie\u0107, jak wr\u00f3ci\u0107 do poprzedniej strony lub znale\u017a\u0107 stron\u0119 g\u0142\u00f3wn\u0105. Je\u015bli interfejs Twojej witryny jest z\u0142o\u017cony, nie mo\u017cesz zak\u0142ada\u0107, \u017ce odwiedzaj\u0105cy b\u0119d\u0105 wiedzie\u0107, jak si\u0119 z nim obchodzi\u0107.\n<\/p>\n \n Na przyk\u0142ad, chocia\u017c przewijanie paralaksy jest bardzo skutecznym narz\u0119dziem do anga\u017cowania u\u017cytkownika w tre\u015b\u0107, nie zawsze jest to najbardziej oczywista metoda odsy\u0142ania go w d\u00f3\u0142 strony. Upewnij si\u0119, \u017ce odwiedzaj\u0105cy wiedz\u0105, co robi\u0107 po przybyciu na Twoj\u0105 witryn\u0119. Je\u015bli chcesz, aby przewijali w d\u00f3\u0142, umie\u015b\u0107 strza\u0142k\u0119 kierunkow\u0105 lub proste polecenie, aby poinformowa\u0107 ich, jak powinni wchodzi\u0107 w interakcj\u0119 z Twoj\u0105 witryn\u0105.\n<\/p>\n \n Internet stanowi dla firm nieocenion\u0105 platform\u0119 komunikacji z konsumentami. Wed\u0142ug badania przeprowadzonego na Northwestern University \u201ebardzo niewielu Amerykan\u00f3w czuje si\u0119 przyt\u0142oczonych lub przyt\u0142oczonych ilo\u015bci\u0105 wiadomo\u015bci i informacji dost\u0119pnych na wyci\u0105gni\u0119cie r\u0119ki i na ekranach”. Zamiast tego s\u0105 entuzjastycznie nastawieni do r\u00f3\u017cnorodno\u015bci opcji otrzymywania wiadomo\u015bci i wyszukiwania informacji.\n<\/p>\n \n Tak wi\u0119c, o ile szum tre\u015bci jest problemem, nale\u017cy r\u00f3wnie\u017c zauwa\u017cy\u0107, \u017ce u\u017cytkownicy Internetu maj\u0105 \u2013 i u\u017cywaj\u0105 \u2013 wiele narz\u0119dzi do kontrolowania ilo\u015bci danych, z kt\u00f3rymi wchodz\u0105 w interakcj\u0119. Mog\u0105 zrezygnowa\u0107, wypisa\u0107 si\u0119, wylogowa\u0107, przegl\u0105da\u0107 incognito, blokowa\u0107, przesta\u0107 obserwowa\u0107, wyciszy\u0107 i \u2013 oczywi\u015bcie \u2013 nacisn\u0105\u0107 przycisk \u201ewy\u0142\u0105cz”. Twoim zadaniem jako projektanta i tw\u00f3rcy tre\u015bci jest zapewnienie schronienia przed ha\u0142asem dzi\u0119ki wyj\u0105tkowemu, warto\u015bciowemu do\u015bwiadczeniu klienta.\n<\/p>\n<\/p>\n\n Problem: Internet jest \u201ezainfoksykowany”
\n<\/h5>\n\n
\n Fakty, liczby i prognozy
\n<\/h5>\n\n Szum zawarto\u015bci, zdaniem ekspert\u00f3w
\n<\/h5>\n\n
\n Projektowanie stron internetowych mo\u017ce wyr\u00f3\u017cni\u0107 Twoje tre\u015bci
\n<\/h5>\n\n U\u017cyj Internet Neuroscience, aby umie\u015bci\u0107 elementy projektu
\n<\/h5>\n\n Zaprojektuj nag\u0142\u00f3wek, kt\u00f3ry ma znaczenie
\n<\/h5>\n\n Daj czytelnikom troch\u0119 przestrzeni do oddychania dzi\u0119ki minimalistycznemu wzornictwu
\n<\/h5>\n\n Zoptymalizuj nawigacj\u0119, aby da\u0107 widzom miejsca do zaanga\u017cowania
\n<\/h5>\n\n Ko\u0144cowe przemy\u015blenia: Przeci\u0105\u017cenie informacjami nie musi by\u0107 z\u0142\u0105 rzecz\u0105
\n<\/h5>\n