Programija Interaktivnih medijev

copyright © 2005 | update software AG | 13.01.2017

PROGRAMJA INTERAKTIVNIH MEDIJEV

PROGRAMJA

INTERAKTIVNIH MEDIJEV

Helena Gabrijelčič Tomc, Univerza v Ljubljani, NTF, OTGO

»


2

SEO (Search Engine Optimisation)

»


3

http://searchenginewatch.com/sew/how-to/2259693/seo-basics-8-essentials-when-optimizing-your-site


»


4

http://www.firstclickinc.com/wp-content/uploads/2014/05/first-click-seo.jpg

• naravni iskalni rezultati

• boljša uvrščenost med rezultati iskalnika

• boljša uporabniška izkušnja


»


5

https://www.youtube.com/watch?v=UC3N1plmoyU

https://www.youtube.com/watch?v=UC3N1plmoyU

»


6


URL

<title>

<h1>, <h2>

meta podatki

brez

"mrtvega

konca "

organizacija

in struktura

SM

dizajn in UX

povezave

vsebina


»


<head> , <title> , <meta name>

<head>

<title>Brandon's Baseball Cards - Buy Cards, Baseball News, Card Prices</title>

<meta name="description=" content="Brandon's Baseball Cards provides a large

selection of vintage and modern baseball cards for sale. We also offer daily baseball

news and events in">

</head>

7

»


Unikatne in točne <title> značke

• definira bistvo in glavno temo spletne strani

• struktura naj bo kratka in informativna

• priporočila zadnjih algoritmov:

8

http://searchengineland.com/figz/wp-content/seloads/2012/02/html-Title-tag-best-practices-SEO.jpg

• iz 16px se poveča na 18px ter odstrani podčrtovanje

• iz 70 znakov se priporočilo zmanjša na 55-60 znakov

• za vsako spletno stran poseben <title> tag

http://searchengineland.com/figz/wp-content/seloads/2012/02/html-Title-tag-best-practices-SEO.jpg

»


9

http://www.semrush.com/blog/publications/what-you-should-know-about-meta-tag-description/

Uporaba opisnih meta značk

http://www.semrush.com/blog/publications/what-you-should-know-about-meta-tag-description/

»


Uporaba opisnih meta značk

• namen: kratek opis vsebine in bistva spletne strani v iskalnikih

• dolžina: stavek ali kratek odstavek

• priporočila iskalnikov

10

• opis se priporoča za vsako spletno stran posebej

• umeščanje ključnih besed na začetna mesta opisne meta značke

• ne uporabljati le ključne besede uporaba vsebine, ki je povezana

s spletno stranjo

• ne kopirati neposredno teksta iz besedila spletne strani

• ne uporabljati splošne opise ampak zelo specifične opise strani

»


Struktura URL-ja

11

http://www.cellbiol.com/bioinformatics_web_development/doku.php/chapter_3_-_your_first_webpage_-_learning_html_and_css/uniform_resource_locators-urls

http://www.cellbiol.com/bioinformatics_web_development/doku.php/chapter_3_-_your_first_webpage_-_learning_html_and_css/uniform_resource_locators-urls

»


Struktura URL-ja

12

http://www.them.pro/urls

• url se zapiše poleg rezultatov iskanja pomemben vpliv na UX

• uporaba enega url-ja: dostop do enake vsebine le preko enega url-ja dobra UX

• smiselno organizirane in urejene (arhivirane) mape in datoteke, doprinesejo k

optimizaciji ter k boljši orientaciji uporabnikov (programerjev)

http://www.them.pro/urls

»


13

Struktura URL-ja

• priporočila iskalnikov

• enostavno strukturiran in razumljiv url

• optimizacija glede na različne iskalnike (navodila za pripravo ustreznih in

optimiziranih url-jev)

• izogibamo se posplošenim url-jem v smislu Page1 ter predolgih url-jev, ki

vključujejo veliko ključnih besed

• izogibamo se nejasnim besedam v url-jih

• url-ji naj bodo napisani z malimi črkami

»


Enostavna navigacija

• organizacija direktorijev in datotek pomembnost elementov

• ustrezna informacijska arhitektura iskalnik lažje najde ustrezne informacije in

razume organiziranost

• Google: k SEO doprinese "razumevanje " vloge določene strani v kontekstu večje

strukture (spletnega mesta)

14

http://static.googleusercontent.com/media/www.google.com/sl//webmasters/docs/search-engine-optimization-starter-guide.pdf

http://static.googleusercontent.com/media/www.google.com/sl/webmasters/docs/search-engine-optimization-starter-guide.pdf

»


15

• iskalniki priporočajo

• notranje povezave v glavi ali nogi

• omogočen naj bo zadetek pri uporabi le dela url naslova

• uporaba mape spletnega mesta, "sitemap " : hierarhični seznam strani spletnega

mesta https://code.google.com/p/googlesitemapgenerator/

• navigacija preko teksta in ne preko slik, animacij, spustnih menijev

• uporaba 404 strani

http://themeforest.net/item/creative-404-error-page/55387

Enostavna navigacija

http://themeforest.net/item/creative-404-error-page/55387

»


Ustreznost teksta v povezavah ("anchor text")

16

http://blog.mediawizardz.com/media-wizardz-10-minute-guide-to-anchor-text

http://moz.com/learn/seo/anchor-text

http://blog.mediawizardz.com/media-wizardz-10-minute-guide-to-anchor-textž

http://moz.com/learn/seo/anchor-text

»


17


Ustreznost teksta v povezavah ("anchor text")


»


• enostaven tekst

• organizacija vsebine okoli bistva

• priprava vsebine za uporabnike in ne za iskalnike

18

SEO nagrajuje originalno in izvirno vsebino

http://www.mktstmedia.com/content-is-king/

http://www.mktstmedia.com/content-is-king/

»


Marketing z elementi vsebine ("content marketing")

19

http://www.boingnet.com/wp-

content/uploads/2014/07/contentmarketing.png

• socialni signali

• elementi, ki izzivajo interaktivnost in povratno informacijo uporabnikov

• posodabljanje vsebine SM

• avtorstvo in originalnost dela, ki ga SM promovira

http://www.boingnet.com/wp-content/uploads/2014/07/contentmarketing.png

»


Optimizacija slik

• alt tagiranje (kratko in opisno)

• slika kot povezava: alt tag se upošteva enako kot "anchor text " boljša

optimizacija (notranje povezave preko slik)

• arhiviranje in hranjenje slik v posebnih, slikam namenjenih direktorijih

20



»


Ustrezna uporaba značk <h1>, < h2>, < h3>…..

21



»


Preprečevanje dostopa do neustreznih povezav in vsebin

• uporaba robots.txt (programerji)

• uporaba “ nofollow“ za neustrezne povezave

22



»


Optimizacija iskanja na mobilnih napravah

• optimizacija spletnega mesta za mobilne naprave

• uporaba mobilnih map spletnih mest ("mobile sitemap")

23



»


Promocija spletnega mesta preko socialnih omrežij, povezav

24

• "multi-channel" optimizacija (vpeljava teh omrežij)

• določanje in uporaba ključnih besed znotraj omrežij



»



25

http://www.postano.com/blog/6-seo-benefits-of-adding-pinterest-to-your-web-strategy,

http://www.firstclickinc.com/social-media-seo/

http://www.postano.com/blog/6-seo-benefits-of-adding-pinterest-to-your-web-strategy

http://www.firstclickinc.com/social-media-seo/

»



26

https://www.youtube.com/watch?v=1xNXP3Weka4

https://www.youtube.com/watch?v=1xNXP3Weka4

»


SEO in Wordpress, Yoast

27

• https://yoast.com/wordpress/plugins/seo-premium/

• http://webtrainingwheels.com/complete-guide-wordpress-seo-plugin-yoast/

• http://webtrainingwheels.com/complete-guide-wordpress-seo-plugin-yoast/

https://yoast.com/wordpress/plugins/seo-premium/

http://webtrainingwheels.com/complete-guide-wordpress-seo-plugin-yoast/

Documents

Programija Interaktivnih medijev