Recursos gratuitos para crear tu web
-
Upload
victor-canito -
Category
Education
-
view
1.114 -
download
2
description
Transcript of Recursos gratuitos para crear tu web
![Page 1: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/1.jpg)
Recursos gratuitos web
Pulso Internet & Consultoría Noviembre 2011
![Page 2: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/2.jpg)
Víctor González CanitoInternet Marketer
Diplomado de CCEEMaster en dirección de Marketing por ESIC
@vgcanito
Pulso Internet & Consultoría Noviembre 2011
![Page 3: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/3.jpg)
Índice• Recursos
– Wordpress– 1&1 mi web– Shopify– Wix
• Contenido• Posicionamiento• Otros recursos para emprendedores
![Page 4: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/4.jpg)
¿Para que queréis una web?
![Page 5: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/5.jpg)
1. Recursos
![Page 6: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/6.jpg)
¿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
![Page 7: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/7.jpg)
¿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
![Page 8: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/8.jpg)
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
![Page 9: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/9.jpg)
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
![Page 10: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/10.jpg)
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
![Page 11: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/11.jpg)
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
![Page 12: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/12.jpg)
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
![Page 13: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/13.jpg)
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
![Page 14: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/14.jpg)
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
![Page 15: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/15.jpg)
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
![Page 16: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/16.jpg)
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
![Page 17: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/17.jpg)
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
![Page 18: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/18.jpg)
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
![Page 19: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/19.jpg)
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
![Page 20: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/20.jpg)
Shopify: Customiza la plantilla
1. Recursos: Shopify
Elige una plantilla Customízala Lanza tu tienda
![Page 21: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/21.jpg)
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
![Page 22: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/22.jpg)
Wix
1. Recursos: Wix
![Page 23: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/23.jpg)
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
![Page 24: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/24.jpg)
2. Contenido
![Page 25: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/25.jpg)
¿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
![Page 26: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/26.jpg)
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)
![Page 27: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/27.jpg)
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.
![Page 28: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/28.jpg)
Dibujar un site map
2. Contenido: Estructura Web
(qué páginas necesita el sitio, y como deberán estar relacionadas entre sí)
Primer boceto:
![Page 29: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/29.jpg)
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:
![Page 30: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/30.jpg)
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)
![Page 31: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/31.jpg)
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
![Page 32: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/32.jpg)
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
![Page 33: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/33.jpg)
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
![Page 34: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/34.jpg)
3. Qué es SEO
![Page 35: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/35.jpg)
¿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
![Page 36: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/36.jpg)
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
![Page 37: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/37.jpg)
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
![Page 38: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/38.jpg)
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
![Page 39: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/39.jpg)
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
![Page 40: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/40.jpg)
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
![Page 41: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/41.jpg)
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
![Page 42: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/42.jpg)
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
![Page 43: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/43.jpg)
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
![Page 44: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/44.jpg)
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
![Page 45: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/45.jpg)
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
![Page 46: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/46.jpg)
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
![Page 47: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/47.jpg)
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
![Page 48: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/48.jpg)
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
![Page 49: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/49.jpg)
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
![Page 50: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/50.jpg)
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
![Page 51: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/51.jpg)
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
![Page 52: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/52.jpg)
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
![Page 53: Recursos gratuitos para crear tu web](https://reader033.fdocument.pub/reader033/viewer/2022052411/557b6771d8b42a7f6e8b480a/html5/thumbnails/53.jpg)
Otros recursos para emprendedores
• http://elevator4startups.com/
• http://www.kickstarter.com/
• http://www.lanzanos.com/proyectos/salvemos-al-ganso-iberico-de-los-depredadores/