ako tvoriť internetový obsah

33
Ako tvoriť internetový obsah “viem slohovať” neznamená, že viem tvoriť internetový obsah

Upload: vladimir-rejholec

Post on 14-Apr-2017

1.114 views

Category:

Internet


1 download

TRANSCRIPT

Page 1: Ako tvoriť internetový obsah

Ako tvoriť internetový obsah“viem slohovať” neznamená, že viem

tvoriť internetový obsah

Page 2: Ako tvoriť internetový obsah

–Vladimír Rejholec

“Internetový obsah nie je len text.”

Page 3: Ako tvoriť internetový obsah

Č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

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

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

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

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

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

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

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

Príklad interného

odkazovaniaHore v obsahu odkaz

(manuálne) vs

Odkazy na podobné články (plugin)

Page 12: Ako tvoriť internetový obsah

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

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

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

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

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

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

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

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

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

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

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

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

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

Call to action prvkyKonvertujú návštevníka, čítajúceho

obsah na zákazníka

Page 26: Ako tvoriť internetový obsah

Zopár príkladov z mojej praxe

Page 27: Ako tvoriť internetový obsah

Obyčajný button v texte

Page 28: Ako tvoriť internetový obsah

Button s “podmazom”

Page 29: Ako tvoriť internetový obsah

Jednoduché porovnanie produktov+ farebné odlíšenie

Page 30: Ako tvoriť internetový obsah

Podrobnejšie porovnanie produktov+ zvýraznenie dôležitého

Page 31: Ako tvoriť internetový obsah

Iné porovnanie produktov v tabuľke

Page 32: Ako tvoriť internetový obsah

Zaujímavé shortcodes WP moduly

Shortcodes Ultimate

WPVKP Ultimate Shortcodes

Shortcake (Shortcode UI) - skôr pre developerov

Page 33: Ako tvoriť internetový obsah

Ďakujem za pozornosť!

dognet.sk/vlado/ rej.sk

twitter.com/exot/ facebook.com/vlado.rejholec

[email protected] skype: vladimir.rejholec