Taller pràctic de millora Web
24
Taller pràctic Millora de la Plana Web Albert Alemany alter ego Consultoría i Serveis Web Figueres - Setembre 2010 www.alteregoweb.com www.slideshare.net/alteregoweb
-
Upload
alterego-web -
Category
Documents
-
view
719 -
download
0
Transcript of Taller pràctic de millora Web
Taller pràctic
Millora de la Plana WebAlbert Alemany
alter ego
Consultoría i Serveis Web
Figueres - Setembre 2010
www.alteregoweb.comwww.slideshare.net/alteregoweb
Que tractarem?
• Primera part:
▫ Perquè volem millorar la web?
▫ El que veiem i el que veuen els buscadors.
▫ Eines que ens indiquen que hem de millorar.
▫ El contingut de la web.
• Segona part:
▫ Part pràctica amb ordinadors.
▫ Fer proves amb les webs i veure canvis.
Perquè volem millorar la nostra web?
Que veiem?
Que veiem amb més detall
Que veiem amb més detall
Que veu el buscador i com?
HTML 4 - Etiquetes
• Els grans blocs
▫ <html>
<head>
Meta Etiquetes
</head>
<body>
Contingut
</body>
▫ </html>
HTML 4 - HEAD• TITLE
• META DESCRIPTION
• Com a principals etiquetes. Exemple:
HTML 4 - BODY
• Flash¿?
• Codi Net i Clar. Ús d’estandards.
• Els elements més importants ben classificats.
• Utilització d’etiquetes en el contingut.
• Bona usabilitat per l’usuari.
• NO, tècniques BLACK HAT (Ex:color text = fons)
HTML 4 – Principals etiquetes
• Titols <h1><h2>…
• <ul> <li> (llistes)
• <p> <i> <b> (text)
• <img> (imatges amb descripcions)
• HTML 5
▫ <audio>
▫ <video>
▫ <personalitzada1>
HTML 4 – Rich Snippets
Eines
• Dos grans blocs
▫ Eines de navegador i d’ús “al moment”.
▫ Eines d’anàlisis.
Eines de navegador
• FireBug + Page Speed
• SEO Quake
• GeoTool
• Extensions específiques per una funciódeterminada. (Ex: creació contingut)
Eines de navegador
Eines de Navegador
Eines d’anàlisis
• Google Webmaster Tools
• Google Analytics
• Google keywords tool
• Heat Maps
• Yahoo site explorer
• Alexa
• Majestic SEO
• ……….
Eines Google
Altres Eines
El contingut de la web
• Hem de pensar primer en els nostres objectius.
▫ Que volem transmetre? Vendre?
• Domini (el triem?)
• TOP 10 Keywords (anàlisi prèvi)
• Renovar-se o morir (nou o mantenir)
• Anàlisis de l’estructura de la web (nº de clicks de distància – “estadística del caminant”)
El contingut de la web
• Anem a pel contingut?
• Quin text i a on?
• Quin significat tindrà el text?
• Titols – Menús – Peus
• La redacció pensant amb buscadors i humans.
El contingut
• Exemples TITLE:
• Hotel empuriabrava suites lujo spa habitaciones
• Hotel-Spa en Empuriabrava con habitaciones y suites de lujo.
Anem a fer pràctiques
• Exercici prèvi:
▫ Redacció titol, meta desc i contingut pàgina inici.
▫ Idees?
▫ Anem a l’aula a treballar. Gràcies.
Taller pràctic
Millora de la Plana WebAlbert Alemany
alter ego
Consultoría i Serveis Web
Figueres - Setembre 2010
