Montserrat Peñarroya

Juny 2011

Curs de Wordpress(Dia 2)

Avui veurem…

Què són les plantilles. Què són els plugins Com millorar el SEO Com incloure els codis de

Google Analytics. Com incrustar contingut. Com crear un formulari de

contacte. Com crear un site

multillengua. Aconseguir subscriptors. Altres plugins.

Comerç Electrònic Themes per a hotels Les habitacions Galeries d’imatges Landing pages Exemples

2

Les plantilles

Plantilles

N’hi ha de gratuïtes i de pagament:– Gratuïtes a www.wordpress.org

– De pagament a: www.themeforest.net i www.adesdesign.net

– Aquí també en trobarem d’específiques per a Hotels: http://www.dailywp.com/hotelpress-theme/ , http://www.premiumwordpressthemes.co.uk/hotel/deluxe-hotel-wordpress-theme/

– (cerqueu a Google: Wordpress hotel themes, o bé: wordpresshotel templates.)

La plantilla es canvia des de dins del wordpress si ésgratuita, o per FTP si és de pagament.

Exercici 7

Cercarem una nova plantilla a través del gestor de continguts i la activarem.

Cerquem una plantilla que sigui professional i especial per a llocs web corporatius.

Exercici 8

Crecarem una nova plantilla a través de www.wordpress.org , la descarregarem al nostre disc dur, la pujarem per FTP al directori “Content” “Themes” i llavors l’activarem des del gestor de continguts.

Els plugins

Què son?

Són petits programes que ens ajuden a incloure noves funcionalitats al lloc web.

Per exemple:

– Un nou idioma.

– Un formulari de contacte.

– Una connexió amb twitter

– Etc.

Exercici 9

Cercar un plugin que ens publiqui articles relacionats amb el que hem escrit.

Cercar un plugin per sites multillengua.

Com millorar el SEO

Com funciona el SEO a Google?

Cal aconseguir que les aranyes dels cercadors llegeixin tot el nostre lloc web.

Cal aconseguir que Google vegi que som rellevants a la xarxa.

Cal aconseguir que Google sàpiga de què parla cada una de les nostres pàgines.

Posicionament

PageRank

Extern

PR dels Enllaços

Nombre d’enllaços

Intern

Quantitat de pàgines

Rellevància

Densitat

En el total de les

pàgines

En cada una de les

pàgines

Prominència

En els textos

d’ancoratge de tercers

En les diferents

zones de la pàgina

Enllaços Continguts Estructura

Millorar la Indexació

Ens cal disposar d’un Google Sitemaps.

– El podem crear amb qualsevol creador de sitemaps (cercar-lo a google).

– El podem crear amb el plugin: Simple Google Sitemap.• Cal anar a les opcions del plugin i crear el sitemap.

Ens cal entrar a Google Webmasters i donar d’alta el sitemap.

13

14

Controlar els enllaços

Wordpress ens indica qui ens està enllaçant (per defecte)

A Google Webmasters també trobarem aquesta informació.

– Veurem el número de links.

– Veurem les paraules que fan servir per linkar-nos

15

16

Millores en l’estructura

Reescriure les URL de forma que siguin SEO Friendly.

– Ho podem per a: opcions enllaços permanents

– La millor forma d’escriure URL és

Estructura personalizada = /%postname%/

Descarregar el Plugin: Platinum SEO

– Treballar bé tots els metatags (a les opcions de Platinum SEO). Sobre tot el Title i la description.

17

Al escriure un post o una pàgina

Posar títols rellevants per les cerques.

Crear una pàgina per cada concepte.

Repetir les paraules tantes vegades com puguem.

Posem en negreta les paraules clau de cada pàgina.

Comprovar la densitat i la prominència utilitzant RANKS.NL

18

Exemple amb Ranks.nl

Els codis de Google Analytics

20

Com obtenir-los

Cal anar a Google Analytics i donar-se d’alta.

Ens donarà un codi semblant a aquest:

<script type="text/javascript"> var gaJsHost = (("https:" ==

document.location.protocol) ? "https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost + "google-

analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script>

<script type="text/javascript">

var pageTracker = _gat._getTracker("UA-440696977-1");

pageTracker._initData(); pageTracker._trackPageview(); </script>

Com incloure’ls a la pàgina

Cal que apareguin absolutament a cada una de les pàgines del nostre lloc web.

– Ho podem fer a mà, editat el fitxer footer.php i copiant-hi els codis.

– Ho podem fer amb un plugin específic: Google Analytics Plugin

– Els themes de pagament acostumen a tenir un espai concret on incloure el codi i no cal ni plugin ni editar cap fitxer.

22

23

Com configurar Google Analytics

Cal indicar-li què considerem que és una conversió.

– Per exemple:• Arribar a la pàgina de “gracies per haver comprat”

• Arribar a la pagina de “gracies per contactar-nos en breu el respondrem”

• Etc.

Cal indicar-li en quant valorem cada conversió.

– Podríem arribar a automatitzar aquesta variable, però cal ser un usuari avançat de Google Analytics per fer-ho.

24

25

26

Incrustar contingut

27

A tenir en compte

Hi ha temes que no suporten bé la incrustació.

Cal incrustar-lo com a HTML.

Algunes incrustacions només es poden visualitzar des del visor d’HTML (ojo amb Google Maps, per exemple).

Com crear un formulari de

contacte

29

Els formularis de contacte

El podem incloure a la pàgina de contacte.

El podem incloure a totes les pàgines.

El podem incloure al peu de pàgina.

Cal incloure’l quan fem una landing page per a una campanya.

Podem utilitzar el plugin: Contact Form 7

31

Els temes professionals porten incorporat un

formulari de contacte de sèrie.

Contact form 7

Com tenir un lloc web multillengua

32

Com el convertim en multillengua

Cal un plugin que transformi el Wordpress en un lloc multillengua de manera que ens permeti entrar el contingut en vàries llengües.

El plugin que podem fer servir és: Q Translate

Com configurar Q Translate

Per defecte ens instal·la: francès, anglès, rus i xinès.

Cal desactivar aquests idiomes (si volem) i activar el castellà i el català.

Per activar el català, primer cal incloure’l a la llista d’idiomes que porta per defecte i configurar-lo.

Veurem el plugin funcionant quan entrem a editar una pàgina o un post (veurem una pestanya nova per a cada idioma)

34

35

Configuració del Català

A tenir en compte...

Alguns temes professionals tenen problemes de compatibilitat amb certs plugins. Si tenim algun problema, podem desactivar momentàniament el plugin, canviar el que calgui i llavors tornar-lo a activar.

36

Aconseguir suscriptors

37

Podem fer-ho de tres maneres

La fàcil: Utilitzant Feed Burner

La complicada: oferint un servei de subscripció i butlletí amb plugins de butlletí amb Newsletter Plugin

La integrada:

– Connectant el Wordpress amb Constant Contact (Constantcontact-wordpress-plugin)

– Connectant el Wordpress amb Mail Chimp (mailchimp-wordpress-plugin)

Feed Burner

FeedBurner Widget: permet que la gent es subscrigui al nostre lloc web.

40

41

Altres Plugins

42

Connectar amb les Xarxes

El plugin Add This permet que cada entrada i cada pàgina tingui:

Social Plugins de Facebook

Visiteu els Socials Plugins de Facebook per veure quin us interessa més.

44

45

Akismed

El porta per defecte.

Cal entrar al seu lloc web i registrar-se per tenir una clau.

Aquest plugin filtra els comentaris spam.

(Poden triar la opció gratuita)

46

My Category Order

Permet ordenar les categories utilitzant Drag & Drop

Google Calendar Events

Serveix per incrustar el calendari de Google Calendar.

Es sincronitza amb l’Outlook i amb els mòbils.

48

Most Commented Widget

Inclou un widget amb els articles més comentats.

El podem posar on ens sembli més convenient.

49

WordPress Related Posts

Inclou els posts relacionats.

Els relaciona a partir de les etiquetes.

50

Twitter Tools

Connecta el Wordpress amb Twitter.

A cada post ens pregunta si el volem publicar a Twitter.

51

Twitter Hashtag Widget

Fa que puguem incrustar tots els tuits que utilitzen un hashtag determinat.

Ideal per a seguir esdeveniments a través del lloc web.

52

WP Wunderground

Inclou un widget que indica la previsió del temps en la nostra zona.

53

Comerç electrònic en el Wordpress

54

WP E -Commerce plugin

Es requereix el plugin de Comerç Electrònic (és gratuït)

Hi ha plantilles especials per a Comerç Electrònic (es diuen “Retail”)

La plantilla més utilitzada és la Flexishop (35$).

56

TREBALLEM LES PÀGINES

57

Themes per a hotels

58

Llocs on comprar Themes

www.themeforest.net

www.adesdesign.net

http://www.wordpress-templates.com/

Gratuïts: http://blogsessive.com/blogging-tips/20-corporate-free-wordpress-themes/

http://www.dailywp.com/hotelpress-theme/ http://apartments.sevastopol-ukraine.com/

Les fitxes d’habitacions

http://www.sixtytwohotel

.com/habitaciones/suite

63

http://www.victoriab

cn.com/es/10/habit

aciones/junior-

suites

64

http://www.bristolhill.com.au/maryborough-

motel-rooms

Galeria d’imatges

GRAND Flash Album Gallery

És una de les pàgines més visites en el lloc web d’un hotel.

Hi ha molts plugins per crear galeries d’imatges.

El Grand flash és una de les més utilitzades.

– Disposa de diferents tipus de visualització

– Mirar diferents configuracions aquí: http://wordpress.org/extend/plugins/flash-album-gallery/screenshots/

67

NextGEN Galery

Aquesta també és molt utilitzada (és la que s’obre en forma de capa amb el fons negre)

http://wordpress.org/extend/plugins/nextgen-gallery/

68

69

70

Landing pages

Landing page

La necessitem per a les campanyes d’adwords i per a qualsevol altra tipus de campanya (de videomarketing, per exemple).

Hem de crear una pàgina i aconseguir que no surti en el menú.

Per això necessitem un plugin especial: http://wordpress.org/extend/plugins/exclude-pages/

73

No és un wordpress, però pot servir de model per

a Landing Page

Exemples de pàgines d’hotels creades amb WP

Alguns exemples

http://www.sixtytwohotel.com

http://www.wittistanbul.com

http://carohotel.ro

http://www.chanters-livingstone.com

http://www.hillhurst.com/

http://www.hotelparadiso.it/

http://www.sitevalet.com/ (empresa que fa webs per hotels utilitzant WP)

… i ara, a practicar!

Moltes gràcies

Tel. 935377605 - Mòb. 639141269

montse@quadrantalfa.com

www.montsepenarroya.com

www.facebook.com/Montserrat.Penarroya

www.Twitter.com/montsepenarroya