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

Taller pràctic de millora Web

on

  • 826 views

 

Statistics

Views

Total Views
826
Views on SlideShare
619
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 Taller pràctic de millora Web Presentation Transcript

  • 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
  • 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.
  • Perquèvolemmillorar la nostra web?
  • Que veiem?
  • Que veiemambmésdetall
  • Que veiemambmésdetall
  • Que veu el buscador i com?
  • HTML 4 - Etiquetes
    Elsgrans 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. Ú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)
  • HTML 4 – Principals etiquetes
    Titols <h1><h2>…
    <ul> <li> (llistes)
    <p> <i> <b> (text)
    <img> (imatgesambdescripcions)
    HTML 5
    <audio>
    <video>
    <personalitzada1>
  • HTML 4 – RichSnippets
  • Eines
    Dos grans blocs
    Eines de navegador i d’ús “al moment”.
    Einesd’anàlisis.
  • Eines de navegador
    FireBug + Page Speed
    SEO Quake
    GeoTool
    Extensionsespecífiques per una funció determinada. (Ex: creaciócontingut)
  • Eines de navegador
  • Eines de Navegador
  • Einesd’anàlisis
    Google Webmaster Tools
    Google Analytics
    Google keywordstool
    HeatMaps
    Yahoositeexplorer
    Alexa
    Majestic SEO
    ……….
  • Eines Google
  • AltresEines
  • 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”)
  • El contingut de la web
    Anem a pelcontingut?
    Quintext i a on?
    Quinsignificattindrà el text?
    Titols – Menús – Peus
    La redacciópensantambbuscadors i humans.
  • El contingut
    ExemplesTITLE:
    Hotel empuriabrava suites lujo spa habitaciones
    Hotel-Spa en Empuriabrava con habitaciones y suites de lujo.
  • Anem a ferpràctiques
    Exerciciprèvi:
    Redacciótitol, meta desc i contingutpàginainici.
    Idees?
    Anem a l’aula a treballar. Gràcies.
  • Taller pràcticMillora de la Plana Web
    Albert Alemany
    alter ego
    Consultoría i Serveis Web
    Figueres - Setembre 2010