Upload
truongcong
View
228
Download
1
Embed Size (px)
Citation preview
copyright © 2005 | update software AG | 13.01.2017
PROGRAMJA INTERAKTIVNIH MEDIJEV
PROGRAMJA
INTERAKTIVNIH MEDIJEV
Helena Gabrijelčič Tomc, Univerza v Ljubljani, NTF, OTGO
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
2
SEO (Search Engine Optimisation)
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
3
http://searchenginewatch.com/sew/how-to/2259693/seo-basics-8-essentials-when-optimizing-your-site
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
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
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
5
https://www.youtube.com/watch?v=UC3N1plmoyU
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
6
http://www.firstclickinc.com/wp-content/uploads/2014/05/first-click-seo.jpg
URL
<title>
<h1>, <h2>
meta podatki
brez
"mrtvega
konca "
organizacija
in struktura
SM
dizajn in UX
povezave
vsebina
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
<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
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
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
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
9
http://www.semrush.com/blog/publications/what-you-should-know-about-meta-tag-description/
Uporaba opisnih meta značk
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
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
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
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
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
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)
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
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
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
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
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
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
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
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
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
17
http://static.googleusercontent.com/media/www.google.com/sl//webmasters/docs/search-engine-optimization-starter-guide.pdf
Ustreznost teksta v povezavah ("anchor text")
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
• 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/
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
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
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
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
http://static.googleusercontent.com/media/www.google.com/sl//webmasters/docs/search-engine-optimization-starter-guide.pdf
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
Ustrezna uporaba značk <h1>, < h2>, < h3>…..
21
http://static.googleusercontent.com/media/www.google.com/sl//webmasters/docs/search-engine-optimization-starter-guide.pdf
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
Preprečevanje dostopa do neustreznih povezav in vsebin
• uporaba robots.txt (programerji)
• uporaba “ nofollow“ za neustrezne povezave
22
http://static.googleusercontent.com/media/www.google.com/sl//webmasters/docs/search-engine-optimization-starter-guide.pdf
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
Optimizacija iskanja na mobilnih napravah
• optimizacija spletnega mesta za mobilne naprave
• uporaba mobilnih map spletnih mest ("mobile sitemap")
23
http://static.googleusercontent.com/media/www.google.com/sl//webmasters/docs/search-engine-optimization-starter-guide.pdf
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
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
http://searchenginewatch.com/sew/how-to/2259693/seo-basics-8-essentials-when-optimizing-your-site
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
Promocija spletnega mesta preko socialnih omrežij, povezav
25
http://www.postano.com/blog/6-seo-benefits-of-adding-pinterest-to-your-web-strategy,
http://www.firstclickinc.com/social-media-seo/
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
Promocija spletnega mesta preko socialnih omrežij, povezav
26
https://www.youtube.com/watch?v=1xNXP3Weka4
»
PROGRAMJA INTERAKTIVNIH MEDIJEV
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/