Recursos gratuitos para crear tu web

Recursos gratuitos web

Pulso Internet & Consultoría Noviembre 2011

Víctor González CanitoInternet Marketer

Diplomado de CCEEMaster en dirección de Marketing por ESIC

@vgcanito

Pulso Internet & Consultoría Noviembre 2011

Índice• Recursos

– Wordpress– 1&1 mi web– Shopify– Wix

• Contenido• Posicionamiento• Otros recursos para emprendedores

¿Para que queréis una web?

1. Recursos

¿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

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.

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.

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

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

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.

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.

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.

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.

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

1. Recursos: WordPress

1&1 mi web

1. Recursos: 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

Ventajas

1. Recursos: 1&1 mi web

• 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

Shopify

1. Recursos: 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

Shopify: Añadir y editar productos

1. Recursos: Shopify

• Añade imágenes de tus productos

• Crea una descripción

• Edita los detalles

• Gestiona tu inventario

Shopify: Customiza la plantilla

1. Recursos: Shopify

Elige una plantilla Customízala Lanza tu tienda

Wix

1. Recursos: 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

Wix

1. Recursos: Wix

Wix: Ventajas Premium

1. Recursos: Wix

• 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

2. Contenido

¿Qué necesitamos conocer?

2. Contenido: Estructura Web

- Objetivo de la Web

- Público objetivo - ¿Quién?

- Público objetivo - Necesidades

INFORMACIÓN BLOQUES INFORMATIVOS RELACIÓN ENTRE BLOQUES

Fases

2. Contenido: Estructura Web

• Presentando los objetivos

• Dibujar un site map

• Poner nombre a tus páginas

• Agregar algunos detalles

The Dung Beatles (TDB)

Presentando los objetivos

2. Contenido: Estructura Web

• 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.

Dibujar un site map

2. Contenido: Estructura Web

(qué páginas necesita el sitio, y como deberán estar relacionadas entre sí)

Primer boceto:

Dibujar un site map

2. Contenido: Estructura Web

(en qué tipo de páginas podría convertirse el boceto, y lo que debe contener cada página.)

Estructura del Site:

Poner nombre a tus páginas

2. Contenido: Estructura Web

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”

(siempre relacionado con lo que la página contiene)

2. Contenido: Redacción

“Al crear un contenido atractivo, puede convertirse en una celebridad.” Paul Gillin

CONTENIDO DE VALORUn 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

Consejos a tener en cuenta

2. Contenido: Estructura Web

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

Consejos a tener en cuenta

2. Contenido: Estructura Web

-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

3. Qué es SEO

¿Qué es SEO?SEO por sus siglas en ingles Search EngineOptimization 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.

1. Qué es SEO

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

2. Página Web amigable

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

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

3. Estructura de la Web

Crea títulos de página únicos y precisos

3. Estructura de la Web

Recomendaciones Evitar

• Describe con precisión el contenido de la página

• Crea etiquetas title únicas para cada página

• Usa títulos descriptivos breves

• Un título que no tenga ninguna relación con el contenido de la página

• El uso de una sola etiqueta titlepara todas las páginas de tu sitio, o para muchas de ellas

• Títulos muy largos que no sean útiles para los usuarios

Utiliza la metaetiqueta description• Los textos pueden definirse para cada página

• ¿Cuáles son las ventajas de las etiquetas meta de descripción?

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?

3. Estructura de la Web

3. Estructura de la Web

Recomendaciones Evitar• Resume de forma precisa el

contenido de la página

• Resume de forma precisa el contenido de la página

• Una metaetiqueta description con contenido no relacionado con la página

• Descripciones genéricas como “Esto es una página web”

• Utilizar una única metaetiquetadescription en todas las páginas de tu sitio

Utiliza la metaetiqueta description

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

3. Estructura de la Web

3. Estructura de la Web

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

Mejora la estructura de las URL

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

3. Estructura de la Web

Facilita la navegación en tu sitio

3. Estructura de la Web

Recomendaciones Evitar• Añade un mapa del sitio HTML

al sitio web y usa un archivo sitemap XML

• Crea una página 404 útil

• que tu mapa del sitio HTML se quede obsoleto con enlaces rotos

• ofrecer solo mensajes vagos como “No encontrado”, “404” o ni siquiera un 404

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

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

3. Estructura de la Web

Optimiza el uso de las imágenes

3. Estructura de la Web

Recomendaciones Evitar• Usa nombres de archivo y texto

en “alt” breves pero descriptivos

• Ofrece texto en “alt” cuando utilizas las imágenes como enlaces

• Ofrece un archivo Sitemap de imágenes

• Usar nombres genéricos como “imagen1.jpg”, “pic.gif” o “1.jpg”

• Escribir nombres de archivos muy largos

• Escribir textos largos en “alt” que puedan ser considerados como spam

Utiliza las etiquetas de cabecera de forma apropiada

• Utiliza las etiquetas de cabecera para dar énfasis a un texto

importante

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!

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

3. Estructura de la Web

Otros recursos para emprendedores

• http://elevator4startups.com/

• http://www.kickstarter.com/

• http://www.lanzanos.com/proyectos/salvemos-al-ganso-iberico-de-los-depredadores/