Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Taller pràctic de millora Web

889 views

Published on

  • Be the first to comment

  • Be the first to like this

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 />

×