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 Anal...
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 ww...
Exercici 7
 Cercarem una nova plantilla a través del gestor de
continguts i la activarem.
 Cerquem una plantilla que sig...
Exercici 8
 Crecarem una nova plantilla a través de
www.wordpress.org , la descarregarem al nostre disc
dur, la pujarem p...
Els plugins
Què son?
 Són petits programes que ens ajuden a incloure
noves funcionalitats al lloc web.
 Per exemple:
– Un nou idioma...
Exercici 9
 Cercar un plugin que ens publiqui articles relacionats
amb el que hem escrit.
 Cercar un plugin per sites mu...
Com millorar el SEO
Com funciona el SEO a Google?
 Cal aconseguir que les aranyes dels cercadors
llegeixin tot el nostre lloc web.
 Cal acon...
Posicionament
PageRank
Extern
PR dels
Enllaços
Nombre
d’enllaços
Intern
Quantitat
de pàgines
Rellevància
Densitat
En el to...
Millorar la Indexació
 Ens cal disposar d’un Google Sitemaps.
– El podem crear amb qualsevol creador de sitemaps
(cercar-...
14
Controlar els enllaços
 Wordpress ens indica qui ens està enllaçant (per
defecte)
 A Google Webmasters també trobarem aq...
16
Millores en l’estructura
 Reescriure les URL de forma que siguin SEO Friendly.
– Ho podem per a: opcions enllaços perman...
Al escriure un post o una pàgina
 Posar títols rellevants per les cerques.
 Crear una pàgina per cada concepte.
 Repeti...
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="tex...
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...
23
Com configurar Google Analytics
 Cal indicar-li què considerem que és una conversió.
– Per exemple:
• Arribar a la pàgina...
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 ...
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 pode...
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 per...
Com configurar Q Translate
 Per defecte ens instal·la: francès, anglès, rus i xinès.
 Cal desactivar aquests idiomes (si...
35
Configuració del Català
A tenir en compte...
 Alguns temes professionals tenen problemes de
compatibilitat amb certs plugins. Si tenim algun
prob...
Aconseguir
suscriptors
37
Podem fer-ho de tres maneres
 La fàcil: Utilitzant Feed Burner
 La complicada: oferint un servei de subscripció i
butlle...
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...
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...
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 ...
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ç...
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:...
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 g...
67
NextGEN Galery
 Aquesta també és molt utilitzada (és la que s’obre en
forma de capa amb el fons negre)
 http://wordpress...
69
70
Landing pages
Landing page
 La necessitem per a les campanyes d’adwords i per a
qualsevol altra tipus de campanya (de
videomarketing, p...
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-l...
… i ara, a practicar!
Moltes gràcies
Tel. 935377605 - Mòb. 639141269
montse@quadrantalfa.com
www.montsepenarroya.com
www.facebook.com/Montserrat...
Upcoming SlideShare
Loading in...5
×

Curs de Wordpress avançat

2,175

Published on

Aquesta es la presentació utilitzada el segon dia de la classe de Wordpress impartida a Olot.

Published in: Education
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,175
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
66
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Curs de Wordpress avançat

  1. 1. Montserrat Peñarroya Juny 2011 Curs de Wordpress (Dia 2)
  2. 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
  3. 3. Les plantilles
  4. 4. 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é: wordpress hotel templates.)  La plantilla es canvia des de dins del wordpress si és gratuita, o per FTP si és de pagament.
  5. 5. 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.
  6. 6. 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.
  7. 7. Els plugins
  8. 8. 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.
  9. 9. Exercici 9  Cercar un plugin que ens publiqui articles relacionats amb el que hem escrit.  Cercar un plugin per sites multillengua.
  10. 10. Com millorar el SEO
  11. 11. 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.
  12. 12. 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
  13. 13. 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. 14. 14
  15. 15. 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. 16. 16
  17. 17. 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
  18. 18. 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
  19. 19. Exemple amb Ranks.nl
  20. 20. Els codis de Google Analytics 20
  21. 21. 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>
  22. 22. 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. 23. 23
  24. 24. 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. 25. 25
  26. 26. 26
  27. 27. Incrustar contingut 27
  28. 28. 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).
  29. 29. Com crear un formulari de contacte 29
  30. 30. 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. 31. 31 Els temes professionals porten incorporat un formulari de contacte de sèrie. Contact form 7
  32. 32. Com tenir un lloc web multillengua 32
  33. 33. 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
  34. 34. 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. 35. 35 Configuració del Català
  36. 36. 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
  37. 37. Aconseguir suscriptors 37
  38. 38. 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)
  39. 39. Feed Burner  FeedBurner Widget: permet que la gent es subscrigui al nostre lloc web.
  40. 40. 40
  41. 41. 41
  42. 42. Altres Plugins 42
  43. 43. Connectar amb les Xarxes  El plugin Add This permet que cada entrada i cada pàgina tingui:
  44. 44. Social Plugins de Facebook  Visiteu els Socials Plugins de Facebook per veure quin us interessa més. 44
  45. 45. 45
  46. 46. 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
  47. 47. My Category Order  Permet ordenar les categories utilitzant Drag & Drop
  48. 48. Google Calendar Events  Serveix per incrustar el calendari de Google Calendar.  Es sincronitza amb l’Outlook i amb els mòbils. 48
  49. 49. Most Commented Widget  Inclou un widget amb els articles més comentats.  El podem posar on ens sembli més convenient. 49
  50. 50. WordPress Related Posts  Inclou els posts relacionats.  Els relaciona a partir de les etiquetes. 50
  51. 51. Twitter Tools  Connecta el Wordpress amb Twitter.  A cada post ens pregunta si el volem publicar a Twitter. 51
  52. 52. 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
  53. 53. WP Wunderground  Inclou un widget que indica la previsió del temps en la nostra zona. 53
  54. 54. Comerç electrònic en el Wordpress 54
  55. 55. 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. 56. 56
  57. 57. TREBALLEM LES PÀGINES 57
  58. 58. Themes per a hotels 58
  59. 59. 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/
  60. 60. http://www.dailywp.com/hotelpress-theme/ http://apartments.sevastopol-ukraine.com/
  61. 61. Les fitxes d’habitacions
  62. 62. http://www.sixtytwohotel .com/habitaciones/suite
  63. 63. 63 http://www.victoriab cn.com/es/10/habit aciones/junior- suites
  64. 64. 64 http://www.bristolhill.com.au/maryborough- motel-rooms
  65. 65. Galeria d’imatges
  66. 66. 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. 67. 67
  68. 68. 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. 69. 69
  70. 70. 70
  71. 71. Landing pages
  72. 72. 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. 73. 73 No és un wordpress, però pot servir de model per a Landing Page
  74. 74. Exemples de pàgines d’hotels creades amb WP
  75. 75. 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)
  76. 76. … i ara, a practicar!
  77. 77. Moltes gràcies Tel. 935377605 - Mòb. 639141269 montse@quadrantalfa.com www.montsepenarroya.com www.facebook.com/Montserrat.Penarroya www.Twitter.com/montsepenarroya
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×