ako tvoriť internetový obsah
TRANSCRIPT
![Page 1: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/1.jpg)
Ako tvoriť internetový obsah“viem slohovať” neznamená, že viem
tvoriť internetový obsah
![Page 2: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/2.jpg)
–Vladimír Rejholec
“Internetový obsah nie je len text.”
![Page 3: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/3.jpg)
Čo je to obsah internetovej stránky
text so správnym formátovaním
relevanté odkazy na autoritatívne weby
obrázky, ideálne vlastné
videá, ideálne vlastné
iný obsah - diskusie, prezentácie, tweety
call to action prvky
![Page 4: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/4.jpg)
Textový obsah
rozbor kľúčových slov
správne nadpisy
paragrafy textu so správnou dĺžkou
vhodné formátovanie
pozor na gramatické chyby
![Page 5: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/5.jpg)
Rozbor kľúčových slov
kľ'účové slovo = keyword = kw
výber kw súvisiacich s témou - Google suggester, keywordtool.io, keyowrd.io, Adwords Keyword Panner
zistenie hľadanosti (dôležitosti) zozbieraných kw
dôležité kw pôjdu do nadpisov a do obsahu, ostatné do obsahu
![Page 6: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/6.jpg)
Nadpisy<title> je najdôležitejší onpage prvok
použite najhľadanejšie kw upravené do “čitateľnej” podoby
<h1> je najčastejšie nadpis článku
použite druhý najhľadanejší kw - synonymum k <title>
obsah rozčleňte podnadpismi <h2>, <h3>, <h4> ako vo Worde
neváhajte v nadpisoch požiť dôležité kw, v zrozumiteľnej forme (skloňujte, časujte)
![Page 7: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/7.jpg)
Paragrafy
paragrafmi rozdeľte text
text sa bude lepšie čítať
predstavte si noviny
Text správne rozdelený paragrafmi
![Page 8: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/8.jpg)
Formátovanie textudôležitý text <strong>
zvýraznený text <em>
odrážkový zoznam <ul>
číslovaný zoznam <ol>
citácia <blockquote cite=“zdroj”>
zoznam definícií <dl>, <dt> <dd>
tabuľky <table>
call to action prvky - všeobecne
![Page 9: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/9.jpg)
Odkazy
interné odkazovanie
odkazovanie doprostred obsahu
ako má vyzerať anchor text odkazu
odkazovanie na externé autoritatívne zdroje
nofollow vs dofollow
![Page 10: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/10.jpg)
Interné odkazovanie
technické veci ako breadcrumb a správna navigácia sú samozrejmosť
v obsahu (s rozumom) odkazujte na obdobné stránky vrámci vášho webu
píšete článok o tej istej téme, ktorú ste už rozoberali v inom článku, tak naň odkážte
vnímajte odkazovanie ako posielanie návštevnosti na správne miesto, či zvyšovanie počtu pageviews jedného unikátneho návštevníka
![Page 11: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/11.jpg)
Príklad interného
odkazovaniaHore v obsahu odkaz
(manuálne) vs
Odkazy na podobné články (plugin)
![Page 12: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/12.jpg)
Odkazovanie doprostred obsahumôže byť označené ako “sitelinks” (nepomýliť s Google sitelinks)
odkazuje sa najmä na nadpisy, logcky H2, H3, H4 (H1 berieme ako hlavný nadpis článku)
kliknutie na odkaz návštevníkovi posunie pohľad v browseri na určité miesto na stránke
zlepšenie navigácie v dlhšom, obsažnom článku
takéto odkazovanie v článkoch používa napr. wikipédia (príklad)
![Page 13: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/13.jpg)
Príklad odkazovania doprostred obsahu
wikipédia pri každom dlhšom článku používa odkazovanie doprostred obsahu
![Page 14: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/14.jpg)
Odkazovanie doprostred obsahu - konkrétny príklad
odkaz <a href=“#rozbor”>Rozbor</a>
miesto, kde odkazujete <h2 id=“rozbor”>Rozbor</h2>
![Page 15: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/15.jpg)
Ako má vyzerať anchor text odkazu
odkazujeme cez kw súvisiace s odkazovanou stránkou
nie “podrobnosti o nábytku z masívu nájdete <a>tu</a>”ale “Podrobnosti o <a>nábytku z masívu</a>”
nebáť sa skloňovať/časovať
anchor by nemal byť príliš dlhý ani príliš krátky
návštevník musí mať chuť na odkaz kliknúť
![Page 16: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/16.jpg)
Odkazovanie na externé stránky
odkazovanie je natoľko dôležité, že je na škodu, ak nikde neodkazuje
odkazujte len na obsahovo podobné stránky
odkazujte na obsahovo kvalitné stránky či služby
odkazujte na rozmanité autoritatívne weby
odkazujte vždy na čo najčerstvejšie informácie
odkazujte na stránky, ktoré majú niečo, čo vy mať nemôžete - odporučte to čitateľovi, ocení to
využite affiliate pri odkazovaní (nezabudnite na cloaking)
![Page 17: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/17.jpg)
Ako rozoznať autoritatívne weby
autoritatívne stránky majú zväčša
vysoké GTPR (overte na ranky.cz)
veľkú návštevnosť (dá sa zistiť relatívne na alexa.com)
dlhú históriu (overte na archive.org)
vysoký (nad 50) trust flow a citation flow na majestic.com
vysoké (nad 50) domain a page authority na moz.com/researchtools/ose/
príklady autoritatívnych webov
wikipédia, iné encyklopedické weby
veľké online médiá
stránky štátnych inštitúcií
veľkí poskytovatelia služieb (veľké eshopy, stránky výrobcov, distribútorov, známe internetové nástroje a pod.)
ideálne odkazujte na články
![Page 18: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/18.jpg)
Príklad odkazovania na externé stránky
na blogu v článku http://blog.rej.sk/ako-monetizovat-nemonetizovatelne/ odkazujem na stránku https://www.dognet.sk/kampane/kampan-biocare-sk/ cez anchor Biocare s predajom bio produktov a výživy
nemalo by zmysel text odkazovanej stránky prepisovať (nebodaj kopírovať) do článku, lepšie je odkázať
![Page 19: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/19.jpg)
Tip: cloakujte affiliate odkazy
je lepšie akohttp://www.stranka/kupit/produkt/
http://www.stránka.sk?a_id=23535&b_id=234534
napr. WordPress modul ThirstyAffiliates
• nofollow, • nevidno affil parametre • pekná url
![Page 20: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/20.jpg)
Nofollow vs dofollow
ak chcete odkázať na web, ktorý nie je obsahovo relevatný vášmu, použite v odkaze parameter rel=“nofollow”napr. <a rel=“nofollow” href=“odkaz”>anchor text</a>
dofollow sú všetky odkazy, ktoré nemajú rel=“nofollow”
nofollow nastavujte aj na všetky affiliate odkazy
![Page 21: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/21.jpg)
Obrázky
obrázky sú unikátny obsah, môžu byť výhodou oproti konkurencii, ak ich nepoužíva
vizuálne zlepšujú stránku
kde ich vziať?
ako ich použiť?
![Page 22: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/22.jpg)
Obrázky - kde ich vziať?free photos library
pixabay.com
freeimages.com
hľadajte “Free for commercial use / No attribution required”
platené (ja používam 123rf.com)
vlastné fotografie
fotíte veci vlastným foťákom
najväčšia pridaná hodnota sú vlastné fotografie či grafické diela
screenshoty - napr. doplnené o šípky a vysvetlenia (kvalitná služba droplr.com)
obrázky grafov
spravte si graf v exceli, spravte z neho screenshot a okomentujte v texte
infografika
![Page 23: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/23.jpg)
Obrázky, ako ich použiť?
správny názov súboru, napr. “cierna-kozena-sedacka.jpg”
správny ALT tag, napr. “čierna kožená sedačka”
text v okolí obrázku popisujúci obrázok, napr. “na nasledujúcom obrázku vidíte čiernu loženú sedačku”
![Page 24: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/24.jpg)
Videá
videá (z YouTube) obdobne ako obrázky:
ponúkajú konkurenčnú výhodu pri relevantom použití
ideálne vlastnoručne vytvorené,
do textu na YouTube pod video, vložte odkaz smerujúci na stránku/článok, kde bude video vložené-embednuté
pod embedom videa na stránke je vhodné umiestniť text, čo sa na videu nachádza (nekopírovať text z popisu videa z YouTube)
![Page 25: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/25.jpg)
Call to action prvkyKonvertujú návštevníka, čítajúceho
obsah na zákazníka
![Page 26: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/26.jpg)
Zopár príkladov z mojej praxe
![Page 27: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/27.jpg)
Obyčajný button v texte
![Page 28: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/28.jpg)
Button s “podmazom”
![Page 29: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/29.jpg)
Jednoduché porovnanie produktov+ farebné odlíšenie
![Page 30: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/30.jpg)
Podrobnejšie porovnanie produktov+ zvýraznenie dôležitého
![Page 31: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/31.jpg)
Iné porovnanie produktov v tabuľke
![Page 32: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/32.jpg)
Zaujímavé shortcodes WP moduly
Shortcodes Ultimate
WPVKP Ultimate Shortcodes
Shortcake (Shortcode UI) - skôr pre developerov
![Page 33: Ako tvoriť internetový obsah](https://reader031.vdocuments.net/reader031/viewer/2022020917/588122c81a28abb9388b74c7/html5/thumbnails/33.jpg)
Ďakujem za pozornosť!
dognet.sk/vlado/ rej.sk
twitter.com/exot/ facebook.com/vlado.rejholec
[email protected] skype: vladimir.rejholec