Taller pràctic de millora Web

818 views
780 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
818
On SlideShare
0
From Embeds
0
Number of Embeds
215
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Taller pràctic de millora Web

  1. 1. Taller pràcticMillora de la Plana Web<br /> Albert Alemany<br />alter ego <br />Consultoría i Serveis Web<br />www.alteregoweb.com<br />www.slideshare.net/alteregoweb<br />Figueres - Setembre 2010<br />
  2. 2. Que tractarem?<br />Primera part:<br />Perquèvolemmillorar la web?<br />El que veiem i el que veuenelsbuscadors.<br />Eines que ens indiquen que hem de millorar.<br />El contingut de la web.<br />Segonapart:<br />Partpràcticaambordinadors.<br />Ferprovesamb les webs i veurecanvis.<br />
  3. 3. Perquèvolemmillorar la nostra web?<br />
  4. 4. Que veiem?<br />
  5. 5. Que veiemambmésdetall<br />
  6. 6. Que veiemambmésdetall<br />
  7. 7. Que veu el buscador i com?<br />
  8. 8. HTML 4 - Etiquetes<br />Elsgrans blocs<br /><html><br /><head><br />Meta Etiquetes<br /></head><br /><body><br />Contingut<br /></body><br /></html><br />
  9. 9. HTML 4 - HEAD<br />TITLE<br />META DESCRIPTION<br />Com a principals etiquetes. Exemple:<br />
  10. 10. HTML 4 - BODY<br />Flash¿? <br />Codi Net i Clar. Úsd’estandards.<br />Elselementsmésimportants ben classificats.<br />Utilitzaciód’etiquetes en el contingut.<br />Bona usabilitat per l’usuari.<br />NO, tècniques BLACK HAT (Ex:colortext = fons)<br />
  11. 11. HTML 4 – Principals etiquetes<br />Titols <h1><h2>…<br /><ul> <li> (llistes)<br /><p> <i> <b> (text)<br /><img> (imatgesambdescripcions)<br />HTML 5<br /><audio><br /><video><br /><personalitzada1><br />
  12. 12. HTML 4 – RichSnippets<br />
  13. 13. Eines<br />Dos grans blocs<br />Eines de navegador i d’ús “al moment”.<br />Einesd’anàlisis.<br />
  14. 14. Eines de navegador<br />FireBug + Page Speed<br />SEO Quake<br />GeoTool<br />Extensionsespecífiques per una funció determinada. (Ex: creaciócontingut)<br />
  15. 15. Eines de navegador<br />
  16. 16. Eines de Navegador<br />
  17. 17. Einesd’anàlisis<br />Google Webmaster Tools<br />Google Analytics<br />Google keywordstool<br />HeatMaps<br />Yahoositeexplorer<br />Alexa<br />Majestic SEO<br />……….<br />
  18. 18. Eines Google<br />
  19. 19. AltresEines<br />
  20. 20. El contingut de la web<br />Hem de pensar primer en elsnostresobjectius.<br />Que volemtransmetre? Vendre?<br />Domini (el triem?)<br />TOP 10 Keywords (anàlisiprèvi)<br />Renovar-se o morir (nou o mantenir)<br />Anàlisis de l’estructura de la web (nº de clicks de distància – “estadística del caminant”)<br />
  21. 21. El contingut de la web<br />Anem a pelcontingut?<br />Quintext i a on?<br />Quinsignificattindrà el text?<br />Titols – Menús – Peus<br />La redacciópensantambbuscadors i humans.<br />
  22. 22. El contingut<br />ExemplesTITLE:<br />Hotel empuriabrava suites lujo spa habitaciones<br />Hotel-Spa en Empuriabrava con habitaciones y suites de lujo. <br />
  23. 23. Anem a ferpràctiques<br />Exerciciprèvi:<br />Redacciótitol, meta desc i contingutpàginainici.<br />Idees?<br />Anem a l’aula a treballar. Gràcies.<br />
  24. 24. Taller pràcticMillora de la Plana Web<br /> Albert Alemany<br />alter ego <br />Consultoría i Serveis Web<br />Figueres - Setembre 2010<br />

×