Montserrat Peñarroya

Abril, 2011

WORDPRESS AVANÇAT

Avui veurem…

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

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.

6

7

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

8

9

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 ésEstructura 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.

10

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

11

Exemple amb Ranks.nl

Els codis de Google Analytics

13

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.

15

16

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.

17

18

19

Incrustar contingut

20

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

22

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

24

Els temes professionals porten incorporat un formulari de contacte de sèrie.

Contact form 7

Com tenir un lloc web multillengua

25

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)

27

28

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.

29

Aconseguir suscriptors

30

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.

33

34

Altres Plugins

35

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.

37

38

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)

39

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.

41

Most Commented Widget

Inclou un widget amb els articles més comentats. El podem posar on ens sembli més convenient.

42

WordPress Related Posts

Inclou els posts relacionats. Els relaciona a partir de les etiquetes.

43

Twitter Tools

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

Twitter.

44

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.

45

WP Wunderground

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

46

Comerç electrònic en el Wordpress

47

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$).

49

TREBALLEM LES PÀGINES

50

Themes per a hotels

51

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

56

http://www.victoriabcn.com/es/10/habitaciones/junior-suites

57

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/

60

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/

61

62

63

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/

66

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. 639141269montse@quadrantalfa.comwww.montsepenarroya.com

www.facebook.com/Montserrat.Penarroyawww.Twitter.com/montsepenarroya