Recursos gratuitos para crear tu web

1. Recursos gratuitos web
Pulso Internet & Consultoría Noviembre 2011

2. Víctor González Canito
Internet Marketer
Diplomado de CCEE
Master en dirección de Marketing por ESIC
@vgcanito
Pulso Internet & Consultoría Noviembre 2011

3. Índice
• Recursos
– Wordpress
– 1&1 mi web
– Shopify
– Wix
• Contenido
• Posicionamiento
• Otros recursos para emprendedores

4. ¿Para que queréis una web?

5. 1. Recursos

6. 1. Recursos: Wordpress
¿Qué es Wordpress?
• WordPress es un gestor de contenidos (CMS)
• Nos permite crear , mantener, gestionar y
actualizar un sitio web a traves de una interfaz
de administración, sin necesidad de tener
conocimientos de programación ni de diseño

7. 1. Recursos: Wordpress
¿Qué es Wordpress?
• WordPress es un software de código abierto ,
creado por miles de programadores de todo el
mundo. No tienes que pagar para usarlo.
• WordPress es, con diferencia, el CMS más
popular con más de 200 millones de sitios en
todo el mundo.

8. 1. Recursos: Wordpress
Algunas de las funciones de Wordpress
• Rápida y fácil instalación y configuración
• Te permite publicar contenido en la web a través
de una sencilla interfaz.
• Crear, actualizar y gestionar el contenido de
manera rápida y eficaz a través de páginas y
categorías.

9. 1. Recursos: Wordpress
Algunas de las funciones de Wordpress
• Crear y modificar nuevas páginas y secciones
• Ordenar artículos por categorías y secciones
• Permite comentarios
• Gran comunidad de apoyo
• Protección automática a través de spam Akismet

10. 1. Recursos: Wordpress
Dos versiones de WordPress
• La versión alojada en WordPress.com
• La versión que puedes instalar tu mismo
disponible en WordPress.org

11. 1. Recursos: Wordpress
La versión alojada en WordPress.com
• WordPress.com es un servicio gratuito
• WordPress.com es una solución alojada, lo que
significa que no tienes ningún requisito de
software. Sin descargas, sin instalación ni
configuración.

12. 1. Recursos: Wordpress
La versión alojada en WordPress.com
• WordPress.com es un servicio gratuito
• WordPress.com es una solución alojada, lo que
significa que no tienes ningún requisito de
software. Sin descargas, sin instalación ni
configuración.
• Tiene limitaciones. No puedes instalar plugins
(aplicaciones adicionales) o plantillas
personalizadas y no se puede personalizar los
archivos del código base.

13. 1. Recursos: WordPress
La versión auto-instalación de
WordPress.org
• Tienes que descargar el software desde
WordPress.org y después instalarlo en tu
servidor web (alojamiento web).
• El hosting o alojamiento no es gratuito. Tienes la
posibilidad de obtener un buen servicio de
hosting pagando entre 4 y 8 euros al mes.

14. 1. Recursos: WordPress
La versión auto-instalación de
WordPress.org
• Después de haber instalado WordPress en tu
servidor web, puedes comenzar a usar tu sitio
web y su administración.
• Puedes instalar plugins para ampliar las
funcionalidades.
• Tienes control total de los archivos principales y
de código.
• Puedes instalar plantillas propias o temas
gratuitos de wordpress.

15. 1. Recursos: WordPress
Recursos WordPress
Themes: http://www.arielbrailovsky.com/2011/09/03/50-excelentes-sitios-de-
donde-bajar-los-mejores-themes-para-wordpress/
Instalación:
http://codex.wordpress.org/es:Instalando_Wordpress

16. 1. Recursos: 1&1 mi web
1&1 mi web
1. Servicio de prueba gratis durante 30 días
2. Elige el sector de actividad
3. Introduce tus datos
4. Tu web ya está disponible
5. Personalízala a tu gusto
6. Simple y rapido

17. 1. Recursos: 1&1 mi web
Ventajas
• Hosting y dominio incluido
• Múltiples diseños de página
• Descarga de documentos
• Cuentas de correo
• Vídeos de Youtube
• Integración de redes sociales (Facebook y Twitter)
• Noticias (feeds RSS)
• Espacio web y tráfico ilimitados

18. 1. Recursos: Shopify
Shopify
• Crear una tienda online en cuestión de minutos y sin conocimientos
de programación.
• Personalizar la estética con plantillas o crear/contratar una nueva.
• Crear los productos por categorías es muy sencillo.
• El pago puede realizarse con tarjeta de crédito o PayPal

19. 1. Recursos: Shopify
Shopify: Añadir y editar productos
• Añade imágenes de tus productos
• Crea una descripción
• Edita los detalles
• Gestiona tu inventario

20. 1. Recursos: Shopify
Shopify: Customiza la plantilla
Elige una plantilla Customízala Lanza tu tienda

21. 1. Recursos: Wix
Wix
Regístrate
Elige una de las cientos de plantillas gratis personalizables realizadas
por diseñadores
Customiza: Selecciona, haz clic, arrastra, suelta. Es extremadamente
rápido y fácil.
Publica: Guarda tu creación, publícala y compártela con todo el mundo

22. 1. Recursos: Wix
Wix

23. 1. Recursos: Wix
Wix: Ventajas Premium
• Tu propio dominio
• Sin anuncios de Wix
• Banda ancha ilimitada
• Almacenamiento extra
• Estadísticas del sitio Google Analytics
• Cupones gratis de regalos
• Hosting profesional
• Asistencia Premium

24. 2. Contenido

25. 2. Contenido: Estructura Web
¿Qué necesitamos conocer?
- Objetivo de la Web
- Público objetivo - ¿Quién?
- Público objetivo - Necesidades
INFORMACIÓN BLOQUES INFORMATIVOS RELACIÓN ENTRE BLOQUES

26. 2. Contenido: Estructura Web
Fases
• Presentando los objetivos
The Dung Beatles (TDB)
• Dibujar un site map
• Poner nombre a tus páginas
• Agregar algunos detalles

27. 2. Contenido: Estructura Web
Presentando los objetivos
• Construir una base de fans en otras ciudades.
• Crear conciencia de la banda.
• Promover las fechas de su gira.
• Últimas noticias.
• Descargas de canciones y fotos.
• Venta de CD´s y merchandising.
• Público objetivo: fans de los Beatles
• Segmentación: conocen TDB / no conocen TDB
(potenciales).
• Timming: 5 meses.

28. 2. Contenido: Estructura Web
Dibujar un site map
(qué páginas necesita el sitio, y como
deberán estar relacionadas entre sí)
Primer boceto:

29. 2. Contenido: Estructura Web
Dibujar un site map
(en qué tipo de páginas podría
convertirse el boceto, y lo que
debe contener cada página.)
Estructura del Site:

30. 2. Contenido: Estructura Web
Poner nombre a tus páginas
(siempre relacionado con lo que la página contiene)
Empresa de automóviles:
“The Speedster”
Página que informa de sus funcionalidades:
“Características”
“Características Disponibles”
“Características del Speedster”
“Bombos y Platillos”

31. 2. Contenido: Redacción
CONTENIDO DE VALOR
Un contenido bien planeado,
organizado y estratégicamente
llevado a cabo resulta siempre una
ventaja competitiva.
DIFERENCIACIÓN / ENGAGEMENT
- Conocer el sector / mercado
- Conocer a la audiencia y ofrecerles contenidos de calidad, centrados en el lector-receptor del mensaje, bien
escritos, coherentes, con originalidad y personalidad  fidelización.
- Contenidos relacionados con la personalidad de la marca (“storytelling”)
- Inteligencia emocional, inteligencia colectiva y pragmatismo  empatía y afinidad con el público objetivo
“Al crear un contenido atractivo, puede convertirse en una celebridad.” Paul Gillin

32. 2. Contenido: Estructura Web
Consejos a tener en cuenta
-“Contenido” como parte de la estrategia y no como estrategia en sí
mismo.
- Herramienta de persuasión  Fidelización.
- Generar credibilidad
• Video-manual del producto / servicio.
• Trucos y consejos útiles.
- Contenido educativo
• Seminarios relámpago
• Sesiones de preguntas y respuestas

33. 2. Contenido: Estructura Web
Consejos a tener en cuenta
-Posibilidad de feedback
• Publicación de testimonios
- Tómate tu tiempo para pensar antes de escribir
- Títulos atractivos para la audiencia
- Textos ordenados y con párrafos breves
- Limpieza en el diseño (importancia de la primera impresión)
- Contenidos actualizados
- Información afín al público objetivo
- Creación de una comunidad:
• Chat o foro online
• Formulario de contacto

34. 3. Qué es SEO

35. 1. Qué es SEO
¿Qué es SEO?
SEO por sus siglas en ingles Search Engine
Optimization en español Optimización para Motores
de Búsqueda es el proceso de análisis y
modificación de las páginas web para poder
posicionar la página en los primeros resultados de
los buscadores para determinadas frases o términos
de búsqueda.
El análisis y técnicas que se utilizan son amplios e
incluyen los títulos de las páginas, metatags,
etiquetas html, y forma de presentar el contenido de
las páginas.

36. 2. Página Web amigable
Página Web amigable
• Tu Web presente una estructura
rastreable (enlazado interno efectivo,
uso de robots.txt, sitemap.xml, etc.)
• Tu contenido sea indexable y relevante
a los buscadores
• Tu contenido esté organizado
temáticamente de forma jerárquica

37. 3. Estructura de la Web
La estructura
La estructura es importante
• Una buena estructura permitirá al
lector visualizar todos los contenidos
de una manera fácil y clara
• Una mala estructura producirá en el
lector una sensación de estar perdido,
no encontrará rápidamente lo que
busca y terminará por abandonar
nuestro sitio

38. 3. Estructura de la Web
Crea títulos de página únicos y precisos
• Indica los títulos de las páginas
utilizando las etiquetas title
• El contenido de la etiqueta title se
muestra en los resultados de
búsqueda

39. 3. Estructura de la Web
Crea títulos de página únicos y precisos
Recomendaciones Evitar
• Describe con precisión el • Un título que no tenga ninguna
contenido de la página relación con el contenido de la
página
• Crea etiquetas title únicas para
cada página • El uso de una sola etiqueta title
para todas las páginas de tu sitio,
• Usa títulos descriptivos breves o para muchas de ellas
• Títulos muy largos que no sean
útiles para los usuarios

40. 3. Estructura de la Web
Utiliza la metaetiqueta description
• Los textos pueden definirse para cada página
• ¿Cuáles son las ventajas de las etiquetas meta de descripción?

41. 3. Estructura de la Web
Utiliza la metaetiqueta description
• Los textos pueden definirse para
cada página
• ¿Cuáles son las ventajas de las
etiquetas meta de descripción?

42. 3. Estructura de la Web
Utiliza la metaetiqueta description
Recomendaciones Evitar
• Resume de forma precisa el • Una metaetiqueta description con
contenido de la página contenido no relacionado con la
página
• Resume de forma precisa el
contenido de la página • Descripciones genéricas como
“Esto es una página web”
• Utilizar una única metaetiqueta
description en todas las páginas
de tu sitio

43. 3. Estructura de la Web
Mejora la estructura de las URL
• URL sencillas sugieren el contenido de la página
• Las URL se muestran en los resultados de búsqueda

44. 3. Estructura de la Web
Mejora la estructura de las URL
Recomendaciones Evitar
• Utiliza palabras en las URL • URL largas con parámetros y
números de identificación de
sesión innecesarios
• Nombres genéricos como
“pagina1.html

45. 3. Estructura de la Web
Facilita la navegación en tu sitio
• La navegabilidad es muy importante para los motores de búsqueda
• Planifica la navegación basándote en los objetivos de la página
• Asegúrate de utilizar los enlaces de navegación
• Deja abierta la posibilidad de que una parte de la URL pueda ser
eliminada
• Crea dos sitemaps: uno para los usuarios y otro para
los motores de búsqueda

46. 3. Estructura de la Web
Facilita la navegación en tu sitio
Recomendaciones Evitar
• Añade un mapa del sitio HTML • que tu mapa del sitio HTML se
al sitio web y usa un archivo quede obsoleto con enlaces
sitemap XML rotos
• Crea una página 404 útil • ofrecer solo mensajes vagos
como “No encontrado”, “404” o
ni siquiera un 404

47. 3. Estructura de la Web
Escribe textos ancla de mejor calidad
• Buenos textos ancla transmiten mejor el
contenido al que nos dirigimos
– Elige un texto descriptivo
– Escribe textos concisos
– Dale formato a los enlaces para que sean más fáciles de
ver
– Utiliza el texto ancla también para los enlaces internos

48. 3. Estructura de la Web
Optimiza el uso de las imágenes
• Utiliza el atributo “alt” para ofrecer información
sobre las imágenes
<img src=”./img/circuito‐electronico‐impreso‐detector‐proximidad‐
01.jpg”alt=”Imagen de circuito electrónico impreso para detector de
proximidad”>
• Guarda los archivos en directorios
especializados y trabaja con ellos utilizando
formatos de archivos estándar

49. 3. Estructura de la Web
Optimiza el uso de las imágenes
Recomendaciones Evitar
• Usa nombres de archivo y texto • Usar nombres genéricos como
en “alt” breves pero descriptivos “imagen1.jpg”, “pic.gif” o “1.jpg”
• Ofrece texto en “alt” cuando • Escribir nombres de archivos muy
utilizas las imágenes como largos
enlaces
• Escribir textos largos en “alt” que
• Ofrece un archivo Sitemap de puedan ser considerados como
imágenes spam

50. 3. Estructura de la Web
Utiliza las etiquetas de cabecera
de forma apropiada
• Utiliza las etiquetas de cabecera para dar énfasis a un texto
importante

51. 3. Estructura de la Web
Haz un uso efectivo del robots.txt
El archivo “robots.txt” les dice a los motores de búsqueda a qué partes
de tu sitio pueden acceder y consecuentemente rastrear
• Restingir a los rastreadores (bots) donde no sea necesario con el
robots.txt
¡Controla la información que quieres que sea rastreada y la que no!

52. 3. Estructura de la Web
Ten en cuenta rel=“nofollow” para los
enlaces
• Combatir los comentarios spam con “nofollow»
• Añade de forma automática “nofollow” a las columnas de
comentarios y a los tablones de mensajes
Le dice a Google que algunos enlaces de tu sitio no deben seguirse ni
pasar la reputación de tu sitio a las páginas con las que enlazas

53. Otros recursos para emprendedores
• http://elevator4startups.com/
• http://www.kickstarter.com/
• http://www.lanzanos.com/proyectos/salvemos-al-ganso-
iberico-de-los-depredadores/