Curs de Wordpress avançat
-
Upload
montserrat-penarroya -
Category
Education
-
view
2.163 -
download
4
description
Transcript of Curs de Wordpress avançat
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
www.montsepenarroya.com
www.facebook.com/Montserrat.Penarroya
www.Twitter.com/montsepenarroya