Taller pràctic de millora Web
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Taller pràctic de millora Web

on

  • 848 views

 

Statistics

Views

Total Views
848
Views on SlideShare
641
Embed Views
207

Actions

Likes
0
Downloads
2
Comments
0

1 Embed 207

http://www.albertalemany.com 207

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Taller pràctic de millora Web Presentation Transcript

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