wordpress avançat
DESCRIPTION
Aquesta és la presentació utilitzada per la classe de Wordpress Avançat per a empreses Turístiques impartit a Girona l'abril del 2011, organitzat pel Patronat de Turisme de la Costa BravaTRANSCRIPT
![Page 1: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/1.jpg)
Montserrat Peñarroya
Abril, 2011
WORDPRESS AVANÇAT
![Page 2: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/2.jpg)
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
![Page 3: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/3.jpg)
Com millorar el SEO
![Page 4: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/4.jpg)
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.
![Page 5: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/5.jpg)
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
![Page 6: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/6.jpg)
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
![Page 7: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/7.jpg)
7
![Page 8: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/8.jpg)
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
![Page 9: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/9.jpg)
9
![Page 10: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/10.jpg)
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
![Page 11: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/11.jpg)
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
![Page 12: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/12.jpg)
Exemple amb Ranks.nl
![Page 13: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/13.jpg)
Els codis de Google Analytics
13
![Page 14: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/14.jpg)
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>
![Page 15: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/15.jpg)
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
![Page 16: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/16.jpg)
16
![Page 17: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/17.jpg)
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
![Page 18: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/18.jpg)
18
![Page 19: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/19.jpg)
19
![Page 20: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/20.jpg)
Incrustar contingut
20
![Page 21: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/21.jpg)
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).
![Page 22: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/22.jpg)
Com crear un formulari de
contacte
22
![Page 23: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/23.jpg)
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
![Page 24: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/24.jpg)
24
Els temes professionals porten incorporat un formulari de contacte de sèrie.
Contact form 7
![Page 25: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/25.jpg)
Com tenir un lloc web multillengua
25
![Page 26: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/26.jpg)
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
![Page 27: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/27.jpg)
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
![Page 28: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/28.jpg)
28
Configuració del Català
![Page 29: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/29.jpg)
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
![Page 30: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/30.jpg)
Aconseguir suscriptors
30
![Page 31: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/31.jpg)
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)
![Page 32: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/32.jpg)
Feed Burner
FeedBurner Widget: permet que la gent es subscrigui al nostre lloc web.
![Page 33: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/33.jpg)
33
![Page 34: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/34.jpg)
34
![Page 35: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/35.jpg)
Altres Plugins
35
![Page 36: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/36.jpg)
Connectar amb les Xarxes
El plugin Add This permet que cada entrada i cada pàgina tingui:
![Page 37: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/37.jpg)
Social Plugins de Facebook
Visiteu els Socials Plugins de Facebook per veure quin us interessa més.
37
![Page 38: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/38.jpg)
38
![Page 39: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/39.jpg)
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
![Page 40: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/40.jpg)
My Category Order
Permet ordenar les categories utilitzant Drag & Drop
![Page 41: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/41.jpg)
Google Calendar Events
Serveix per incrustar el calendari de Google Calendar. Es sincronitza amb l’Outlook i amb els mòbils.
41
![Page 42: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/42.jpg)
Most Commented Widget
Inclou un widget amb els articles més comentats. El podem posar on ens sembli més convenient.
42
![Page 43: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/43.jpg)
WordPress Related Posts
Inclou els posts relacionats. Els relaciona a partir de les etiquetes.
43
![Page 44: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/44.jpg)
Twitter Tools
Connecta el Wordpress amb Twitter. A cada post ens pregunta si el volem publicar a
Twitter.
44
![Page 45: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/45.jpg)
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
![Page 46: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/46.jpg)
WP Wunderground
Inclou un widget que indica la previsió del temps en la nostra zona.
46
![Page 47: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/47.jpg)
Comerç electrònic en el Wordpress
47
![Page 48: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/48.jpg)
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$).
![Page 49: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/49.jpg)
49
![Page 50: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/50.jpg)
TREBALLEM LES PÀGINES
50
![Page 51: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/51.jpg)
Themes per a hotels
51
![Page 52: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/52.jpg)
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/
![Page 53: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/53.jpg)
http://www.dailywp.com/hotelpress-theme/ http://apartments.sevastopol-ukraine.com/
![Page 54: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/54.jpg)
Les fitxes d’habitacions
![Page 55: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/55.jpg)
http://www.sixtytwohotel.com/habitaciones/suite
![Page 56: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/56.jpg)
56
http://www.victoriabcn.com/es/10/habitaciones/junior-suites
![Page 57: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/57.jpg)
57
http://www.bristolhill.com.au/maryborough-motel-rooms
![Page 58: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/58.jpg)
Galeria d’imatges
![Page 59: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/59.jpg)
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/
![Page 60: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/60.jpg)
60
![Page 61: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/61.jpg)
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
![Page 62: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/62.jpg)
62
![Page 63: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/63.jpg)
63
![Page 64: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/64.jpg)
Landing pages
![Page 65: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/65.jpg)
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/
![Page 66: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/66.jpg)
66
No és un wordpress, però pot servir de model per a Landing Page
![Page 67: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/67.jpg)
Exemples de pàgines d’hotels creades amb WP
![Page 68: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/68.jpg)
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)
![Page 69: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/69.jpg)
… i ara, a practicar!
![Page 70: Wordpress avançat](https://reader035.vdocuments.co/reader035/viewer/2022081504/5567125bd8b42a8e528b5557/html5/thumbnails/70.jpg)
Moltes gràcies
Tel. 935377605 - Mòb. [email protected]
www.facebook.com/Montserrat.Penarroyawww.Twitter.com/montsepenarroya