Recursos gratuitos para crear tu web

1,376 views

Published on

Recursos gratuitos para crear tu web

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,376
On SlideShare
0
From Embeds
0
Number of Embeds
39
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Recursos gratuitos para crear tu web

  1. 1. Recursos gratuitos webPulso Internet & Consultoría Noviembre 2011
  2. 2. Víctor González Canito Internet Marketer Diplomado de CCEEMaster en dirección de Marketing por ESIC @vgcanitoPulso Internet & Consultoría Noviembre 2011
  3. 3. Índice• Recursos – Wordpress – 1&1 mi web – Shopify – Wix• Contenido• Posicionamiento• Otros recursos para emprendedores
  4. 4. ¿Para que queréis una web?
  5. 5. 1. Recursos
  6. 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. 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. 8. 1. Recursos: WordpressAlgunas 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. 9. 1. Recursos: WordpressAlgunas 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. 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. 11. 1. Recursos: WordpressLa 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. 12. 1. Recursos: WordpressLa 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. 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. 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. 15. 1. Recursos: WordPress Recursos WordPressThemes: 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. 16. 1. Recursos: 1&1 mi web 1&1 mi web1. Servicio de prueba gratis durante 30 días2. Elige el sector de actividad3. Introduce tus datos4. Tu web ya está disponible5. Personalízala a tu gusto6. Simple y rapido
  17. 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. 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. 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. 20. 1. Recursos: Shopify Shopify: Customiza la plantillaElige una plantilla Customízala Lanza tu tienda
  21. 21. 1. Recursos: Wix WixRegístrateElige una de las cientos de plantillas gratis personalizables realizadaspor diseñadoresCustomiza: Selecciona, haz clic, arrastra, suelta. Es extremadamenterápido y fácil.Publica: Guarda tu creación, publícala y compártela con todo el mundo
  22. 22. 1. Recursos: Wix Wix
  23. 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. 24. 2. Contenido
  25. 25. 2. Contenido: Estructura Web ¿Qué necesitamos conocer? - Objetivo de la Web - Público objetivo - ¿Quién? - Público objetivo - NecesidadesINFORMACIÓN BLOQUES INFORMATIVOS RELACIÓN ENTRE BLOQUES
  26. 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. 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. 28. 2. Contenido: Estructura WebDibujar un site map (qué páginas necesita el sitio, y como  deberán estar relacionadas entre sí) Primer boceto:
  29. 29. 2. Contenido: Estructura WebDibujar 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. 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. 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, bienescritos, 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. 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. 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. 34. 3. Qué es SEO
  35. 35. 1. Qué es SEO ¿Qué es SEO?SEO por sus siglas en ingles Search EngineOptimization en español Optimización para Motoresde Búsqueda es el proceso de análisis ymodificación de las páginas web para poderposicionar la página en los primeros resultados delos buscadores para determinadas frases o términosde búsqueda.El análisis y técnicas que se utilizan son amplios eincluyen los títulos de las páginas, metatags,etiquetas html, y forma de presentar el contenido delas páginas.
  36. 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. 37. 3. Estructura de la Web La estructuraLa 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. 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. 39. 3. Estructura de la Web Crea títulos de página únicos y precisosRecomendaciones 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. 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. 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. 42. 3. Estructura de la Web Utiliza la metaetiqueta descriptionRecomendaciones 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. 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. 44. 3. Estructura de la Web Mejora la estructura de las URLRecomendaciones 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. 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. 46. 3. Estructura de la Web Facilita la navegación en tu sitioRecomendaciones 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. 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. 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. 49. 3. Estructura de la Web Optimiza el uso de las imágenesRecomendaciones 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. 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. 51. 3. Estructura de la Web Haz un uso efectivo del robots.txtEl archivo “robots.txt” les dice a los motores de búsqueda a qué partesde 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. 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 mensajesLe dice a Google que algunos enlaces de tu sitio no deben seguirse nipasar la reputación de tu sitio a las páginas con las que enlazas
  53. 53. Otros recursos para emprendedores• http://elevator4startups.com/• http://www.kickstarter.com/• http://www.lanzanos.com/proyectos/salvemos-al-ganso- iberico-de-los-depredadores/

×