El teu web amb WordPress Part, 3€¦ · Creació Web amb WordPress –Prof. Montserrat Peñarroya...
Transcript of El teu web amb WordPress Part, 3€¦ · Creació Web amb WordPress –Prof. Montserrat Peñarroya...
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Octubre 2017
El teu web amb WordPress
Part, 3
Docent: Montserrat Peñarroya
2
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya
Què veurem?
• Els Widgets i els plugins.
• Altres plugins.
• El SEO.
• Google Search Console.
• Google Analytics.
2
3
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
•Els Widgets
i els Plugins
4
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya
Què és un widget o giny?
• És un petit programa que inclou funcionalitats especials i permet personalitzar el nostre web.
• El WP porta alguns widgets per defecte.
• Les plantilles també porten widgets propis.
• Podem instal·lar més widgets a través dels plugins.
• Cada plantilla permet un espai diferent per les sidebars i el footer.
4
5
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya
Exercici
• Widgets pròpis de WordPress
– Instal·lar widgets a la sidebar:
• Cercar
• Categories
• Etiquetes
– Instal·lar widgets al footer:
• Imatge que linkegi a una pàgina: logo de
CDmon per als que tenen hosting
patrocinat.
5
6
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya
Què son els Plugins?
• Són petits programes que ens ajuden a
incloure noves funcionalitats al lloc web.
• Per exemple:
–Un nou idioma.
–Un formulari de contacte.
–Etc.
7
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya
Normativa de Cookies• Plugins:
– Asesor de Cookies. Crea automàticament les pàgines:• Política de Cookies
• Més informació sobre les cookies• Política y privacidad de cookies
• Utilizamos cookies propias y de terceros para mejorar la experiencia de navegación, y ofrecer contenidos y publicidad de interés. Al continuar con la navegación entendemos que se acepta nuestra política de cookies.
• Puede obtener más información, o bien conocer cómo cambiar la configuración, en este enlace.
8
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya
Cal 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.
8
9
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya
El formulari de contacte
• El podem incloure a:
– La pàgina de contacte.
– Totes les pàgines.
– Al peu de pàgina.
• Cal incloure’l quan fem una landing page per a
una campany.
• Podem utilitzar el plugin: Contact Form 7.
Creació Web amb WordPressCreació Web amb WordPressCreació Web amb WordPress
10
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya 10
• No tradueix de manera automàtica.
• https://es.wordpress.org/plugins/polylang/
Com el convertim en multillengua
11
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya
WPML
• Un dels plugins més fiables i populars de
traducció, és el WPML.
• És de pagament. https://wpml.org/es/
12
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
•Altres
Plugins
13
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya
Wordfence Security
• El plugin més popular per mantenir segur el teu
WordPress.
https://wordpress.org/plugins/wordfence/
14
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya
Akismet
• Aquest plugin filtra els comentaris spam.
• El porta per defecte
• Cal entrar al seu web i registrar-se per demanar
la clau. Si ja ets usuari de WordPress.com. Ja
estàs registrat.
• Es pot escollir l’opció gratuïta.
• Cal tenir publicat el web per activar-lo i
configurar-lo.
15
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya
Jetpack by WordPress.com
• Pack de plugins amb funcionalitats pròpies de
WordPress.com (registre idem Akismet)
• Molt útil per a plantilles senzilles i/o gratuïtes.
• Algunes funcions:
– Diferents estils de galeria, i carrusel de fotografies.
– Formulari de contacte.
– Compartir en Xarxes Socials.
– Subscripció.
• Pot ser incompatible (i innecessari) en plantilles
complexes.
• Cal tenir publicat el web per activar-lo i configurar-lo.
Creació Web amb WordPress
16
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya
WooCommerce plugin
• Es per instal·lar un comerç electrònic al web.
• No totes les plantilles el suporten.
• La Pinnacle sí que funciona.
• Més informació sobre WooCommerce:
– Documentació: http://docs.woothemes.com/
17
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya 17
En construcció..
• Si estàs treballant en Plataforma de Proves, el teu
web no és pública; només la pots veure tu.
• Però, si el teu web ja és pública, segurament et
preguntaràs com fer-la "invisible" mentre la vas
creant ..:
• Podem instal·lar el plugin underConstruction
17
18
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
•SEO
Optimització en els
resultats de cerca
19
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya
Plugin per treballar el SEO• Yoast SEO (autor: Team Yoast)
• Permet treballar molts aspectes del SEO, com
ara:
– Treballar els Titles
– Treballar les Metadescriptions
– Connectar amb Google Search Console
– Crear el Sitemap
– …
19
20
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya
Per millorar el SEO
• 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.
• Parar atenció amb els “Anchor text”
• Fer llistes correctament.
• Treballar bé el footer.
• Fer ús dels Headings (subtítols).
20
20
21
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya
Exemple: http://www.waterworld.es/
Treballar el Footer
21
22
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya
Si vols aprofundir una mica més en el
SEO…
http://www.editorialuoc.com/comserdelsprimersagooglesensepagar-p-1455.html
23
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
•Google Search
Console (Google
Webmasters
Tools)
24
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya
Millorar la Indexació
• Ens cal disposar d’un Sitemap.
– El podem crear amb qualsevol creador de sitemaps (cercar-lo a google).
– El podem crear amb el plugin Yoast SEO directament.
– Cal anar a les opcions del plugin i crear el sitemap.
• Ens cal entrar a Google Search Console i donar d’alta el Sitemap.
25
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya 25
Indexarem el web abans de 48
hores
26
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya
Google Search Console
(Webmasters)
https://www.google.com/webmasters/
27
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Analytics
28
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya
Google Analytics
• Cal anar a Google Analytics i donar-se d’alta.
• Ens donarà un codi semblant a aquest:
UA-4406XX977-1
• Instal·lar el Plugin Google Analytics by
MonsterInsights (autor: MonsterInsights
(abans era de Team Yoast).
• Hi posarem la UA.
28
Creació Web amb WordPress
29
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya
https://www.google.com/analytics/
30
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya
Comprovar que està connectat
31
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
Creació Web amb WordPress – Prof. Montserrat Peñarroya
Connectar el Google Analytics i el
Webmasters
• Connectar-lo amb Google Analytics per analitzar els mots amb els quals apareixem alsresultats de cerca. http://www.montsepenarroya.com/como-conectar-google-analytics-con-google-webmasters/
• A Google Webmasters també trobarem aquestainformació:
– Veurem el nombre d’enllaços que tenim.
– Veurem les paraules que utilitzen per enllaçar-nos.
31
32
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)3
2
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT
EMPRESARIAL (SDE)
SERVEI DE DESENVOLUPAMENT EMPRESARIAL
(SDE)
Tel. 935.565.199
www.sde.cultura.gencat.cat