Comunicació audiovisual i SEO

r

Mapa sobre els elements que permeten fer una pàgina web (utilització del codi font) i tenir un bon SEO.Mapa fet per Marc Arroyo Flores el 6-11-15

SERP

r

Search Engine Results Page (Pàgina de resultats).

Via en la qual, un cercador proporciona resultats

Manera com els usuaris veuen la web

Representació "real de la web"

Anàlisi important pel SEO

Snippets

Part de la pàgina de resultats que té un títol, l'enllaç i una descripció (s'escriuen dins de les metadades del codi font.

Tipus

r

Més tipus d'snippets clicant en l'enllaç.

a

Segons tipus de cerca

Informacional

Informació

Navegacional

Transaccional

Comerç

Segons intenció de l'usuari

Identificació o anonimat de l'usuari

Pressió comercial de la paraula clau usada per la cerca

CSS

Un tipus de codi font

Només per la presentació de la pàgina web.

Misió

r

-Separar el contingut de la presentació.Un sol contingut, presentacions diferents-Modificar amb facilitat la presentació de moltes de moltes pàgines a la vegada.

Exemple

r

<style type="text/css">h1{font-family:arial,comicsans;color:red; font-weight:normal; font-size:30pt;}</style>

CMS

r

Content Management System. (Pàgines per crear i controlar contingut).

Forma real de publicar i mantenir llocs web

Soport pel Seo juntament amb

Metadades

Classificacions

Etiquetes

Anàlisi SEO

Wordpress

r

-El 20% dels llocs web estan fets amb aquest CMS.

CMS més important

Gratuit i Open Source

r

-Open Source (codi obert): Tothom el pot fer srvir i visualitzar sense importar el dispositiu.

Distribució

Contingut

Pàgines estatiques

Continguts dinàmics

r

- Per exemple: Web de notícies o un Blog

Categorització

Categories

Etiqutes

SEO

r

-Plugins.-Gestió de les metadades.-Anàlisi SEO.-Sitemaps.

Presentació

CSS Mitjançant temes

Alternatives a Wordpress

r

Exemple escollit d'una de les 4 pàgines web següents*http://smallbiztrends.com/2014/01/wordpress-alternatives.html*http://alternativeto.net/software/wordpress/*http://boxiedesigner.com/web-design/10-recommended-wordpress-alternatives-for-web-designers/:*http://www.webdesignai.com/top-wordpress-alternatives-2014/

a

Xarxes socials

r

Llocs important on donar a conèixer les nostres publicacions.

Exemples

r

Twitter, facebook, google +

Youtube, un cas especial

r

-Canal audiovisual més important del món.-Factors SEO per a enregistraments a Youtube:·Contingut: 60-70%·Metadades: 15-20%·Senyals d'usuari o de la xarxa social: 15-20%

Senyals d'usuari

r

-Audiència.-Comentaris.-Subscripcions.-Preferits.-Revissions positives.

Metadades a youtube

Pel canal

r

títol, imatge (foto), descripció, vídeo de la pàgina principal, llistes de reproducció.

Per cada video

r

Nom de l'arxiu de video, títol, descripció, paraules clau, transcripció, subtítols, anotacions, enllaços (si és necessari).

Context

Part molt important del tràfic web procedeix dels cercadors

r

-En els lloc web en general entre un 20 i un 40 per cent de la gent prové dels cercadors.-En les empreses de mitjans( televisions, canals de youtube, plataformes de vídeo on demand...) arriba a un 70 per cent la gent que hi arriba gràcies als cercadors.

Molts usuaris consulten només la primera pàgina de resultats

SEO

r

-Search Engine Optimization (Motor que optimitza la cerca) : Conjunt de bones pràctiques per col·locar un lloc o una pàgina web en els cercadors.

Objectiu

r

Posicionar-se per aparèixer en la primera página de resultats dels cercadors.

Pautes per tenir un bon SEO

r

El seu anàlisi és una part fundamental del SEO.

Internes a la pàgina (On page)

Domini

r

-URL (nom de la web que s'ha de posar en el cercador).-Antiguitat o compromís.-Reputació.

Contingut

r

-Textual.-Multimèdia.

Codi font

r

-HTML i CSS.-Metadades.

Enllaços

r

-Navegació interna (pàgines del lloc).-Navegació externa (a pàgines d'altres llocs).

Externes a la página (Off page)

Enllaços d'entrada

r

-Nombre.-Reputació.-Proximitat temàtica.-Text d'ancoratge.

Xarxes socials

r

-Facebook.-Twitter-Youtube-LinkedIN-Google+

Tràfic

Cap sector audiovisual pot ignorar la web

Possiilitat d'analitzar-lo per detectar errors

Codi font

r

Un mateix codi font i tantes interpretacions com diversos navegadors (Firefox,Explorer, Chrome...), mides de pantalla (15" i 21"), sistemes operatius (Windows, Linux, Android...) i dispositius (portàtils, móbils...) existeixen.

Introducció

r

-Un lloc web és un conjunt d'unitats d'informació i elements multimèdia distribuits (no unitaris).Altre definició: Conjunt de documents amb codi font (HTML sobretot, amb CSS) interpretats per un navegador.

Composició

Contingut per éssers humans

Textual

Multimèdia

HTML

r

Estructura la pàgina del navegador.Components:

html

r

<html>

Head

Hi ha les metadades

Body

h1

Títol principal

r

Cos de lletra superior a la mida base i en negreta.

h2

Títol de segon nivell

r

Cos una mica més gran a la mida base però menor que l'h1 i en format negreta.

P

Paràgraf

r

Mida base i rodona.

Anatomia d'un enllaç

r

Exemple:<a href="http://www.filmaffinity.com/">Filmaffinity</a>· Element: a·Etiquetes d'inici i final :<a>............. <a/>· Atribut: href·Valor de l'atribut: p'agina web entre cometes.·Contingut afectat per l'ancoratge: Filmaffinity.

Metadades

r

Per cercadors.-És la informació sobre la informació.Més eficient que buscar informació de forma directa.-Exemples: Guía dels programes de televisió, Paraules clau de les fotografies en els bancs d'imatges, Catàlegs de biblioteques.

Definició

r

És la informació sobre la informació.Només per cercadors.També és el contingut invisiblede la web.

Situació

r

-Dins de <Head> o en parts concretes del codi font.-Apareixen dins de les pàgines dels cercadors.

Exemples

Title

Títol de la pàgina

meta

r

-Descripció.-Paraules clau.-Autor.<meta name= "description o author" content= el que es vol dir/>

Descripció

Autor

Enlllaços a imatges

r

alt<img alt=“títol o descripció imagte”>nomfitxerimatge</img>

CSS

(Al costat dret de l'esquema

Funcionament

Matriuska (nina russa) o forma de capsa

r

-Has de posar amunt i avall la mateixa ordre html per tal que funcioni. (Obrir i tancar)Exemple:<html><head><title>… </title></head><body><h1>… </h1><p>… </p></body></html>

HTML també és una metadada

Metadades creen Snippets

Es veuen mitjançant pàgina de resultats

r

-Títol i una breu descripció.