¿Qué es WordPress?

portada

CREACIÓN Y DISEÑO WEB CON WORDPRESS

Febrero, 2013

• CREA TU PROPIA PÁGINA WEB CON EL MEJOR CMS DEL MUNDO

• DISEÑA UNA WEB CORPORATIVA

• UN BLOG

• UN PERIÓDICO DIGITAL

• UNA TIENDA ONLINE

• UNA WEB DE ANUNCIONES CLASIFICADOS…

[email protected]

Quique [email protected]

@QuiqueMateu1

3

CONCLUSIONES Y RECOMENDACIONES: FASE

CUALITATIVA Y FASE CUANTITATIVA

ÍNDICE

1. ¿Por qué hay que tener una web o un blog?

2. ¿Qué es WordPress?

3. Utilidad de WordPress, web, blog, ecommerce

4. ¿Por qué utilizar WordPress y no otros programas?

5. WordPress + Google + Redes Sociales

6. Crear un dominio gratuito con WordPress

7. Instalar WP en un hosting con un dominio propio

8. Panel de control

9. Ejemplos de páginas con WordPress

10. Consejos útiles

Creación y diseño web con Wordpress

4



1. ¿POR QUÉ HAY QUE TENER UNA WEB O UN BLOG?

• Porque es la mejor manera, más rápida y más económica de dar a conocer tus productos, tus servicios o tu propia marca personal

• Porque aunque mucha gente crea que es difícil, NO lo es

• Porque es barato, incluso GRATIS

• Porque no sólo hay que hacer las cosas bien, sino hay que enseñárselo a los demás

• Porque las ‘Páginas Amarillas y Blancas’ se han quedado obsoletas, en el siglo XXI la gente te buscará por Internet

• Porque podrás escribir de lo que te gusta o de los temas que te dedicas profesionalmente

Creación y diseño web con WordPress

youtube

http://youtu.be/10xnKFC_xYs

5



• Porque podrás vender tus productos y ofrecer tus servicios

• Porque seguramente muchos de tus competidores ya están y ‘A quien madruga Dios le ayuda’, y si no lo están, estarán

• Porque podrás informar a todos tus clientes de tus últimos productos, eventos, teléfono nuevo, mostrar tu catálogo, tener presencia en internet

• Porque ahorrarás mucho dinero en catálogos, cartas, visitas, llamadas telefónicas…

• Porque puedes llegar a cualquier parte del Mundo

• Porque internet trabaja para tí 365 días al año las 24 horas del día



6



• Porque podrás expresarte en el idioma que elijas

• Porque es el complemento ideal para tu tienda

• Porque podrás vender entradas a eventos

• Porque podrás generar tu propia base de datos de clientes

• Porque podrás crear tu propio círculo de marketing

• Porque podrás tener todas tus redes sociales visibles desde un mismo sitio

• Porque podrás hacer que los buscadores (Google) te encuentren fácilmente



7



2. ¿QUÉ ES WORDPRESS?

• WordPress es una avanzada plataforma de publicación personal orientada a la estética, los estándares web y la usabilidad. WordPress es libre y, al mismo tiempo, gratuito.

• WordPress no se olvida de los programadores y diseñadores web ya que puedes modificar el código fuente para hacerlo todavía más profesional.


8





• Otro motivo a considerar sobre su éxito y extensión, es la enorme comunidad de desarrolladores y diseñadores, que se encargan de desarrollarlo en general o crear plugins (más de 23.000 y creciendo día a día) y temas (plantillas) para la comunidad, siendo usado por más 250 millones de usuarios.

9



• Además con WordPress puedes trabajar en un dominio gratuito tudominio.wordpress.com donde realizar tu web o blog (por 18 $ al año se puede eliminar el .wordpress y dejar tudominio.com (tudominio.wordpress.com), pero seguiríamos estando bajo el servidor de WordPress. Es un dominio y un hosting que WordPress te ofrece totalmente gratis y en el que podemos crear tantos dominios como cuentas de email tengamos.



10



• Pero si damos el salto a un dominio .com, .es, .co, .org, .net… y contratamos un hosting profesional tudominio.com en 1and1.com, Arsys, Red Coruña, Dina Hosting…, todo lo aprendido y todo lo realizado hasta entonces podrás utilizarlo, cosa que otros CMS no lo tienen (hosting).



11



• Cuando se creó Wordpress todo el mundo pensaba que no había espacio de mercado para otra plataforma donde crear blogs pero los creadores pensaban que sí les podían ofrecer algo diferente (wordpress.com)

• El salto importante fue cuando crearon wordpress.org y todos empezaron a pasar a usar este programa siendo el número 1 de usuarios



12



3. UTILIDAD DE WP, WEB, BLOG

• Con WP puedes crear tu propia web profesional, crear tu blog personal o de empresa, diseñar una tienda online, web corporativa de socios…


blog

http://formacionidea.es/

13





web

http://mumaprojects.es/

14




tienda online


http://conmuchoscolores.com/

15




blog corporativo


http://blog.uchceu.es/

16




blog multi idioma


http://ebayinkblog.com/

17




blog oficial


http://www.number10.gov.uk/

18




web oficial


http://blog.sony.com/

19




diario digital3. UTILIDAD DE WP, WEB, BLOG

http://diariolocal.net/

20




blogs de empresas3. UTILIDAD DE WP, WEB, BLOG

http://blogs.lasprovincias.es/marketingonline/

21




comercio


http://www.tossed.com/

22



4. POR QUÉ UTILIZAR WORDPRESS Y NO OTROS PROGRAMAS


• Una de las principales ventajas es porque es GRATIS. WP es libre y la “comunidad” es lo que lo hace cada vez más grande y mejorar respecto a los demás programas.

23





• Podrás tener tu blog en menos de 5 minutos. Tendrás una selección de diseños gratis (los llamamos “temas”) con los que puedes personalizar tu blog

• 3 gigabytes de espacio de almacenamiento (¡el equivalente a 2.500 fotos!).

• Publicar contenido en tu blog es fácil y puede hacerse de muchas maneras, incluyendo tu navegador, a través de un correo electrónico o utilizando tu iPhone, iPad, BlackBerry, Android, Nokia Phone o Windows Phone 7

24





• Puedes publicar todo lo que desees de forma gratuita, y elegir que tu blog esté abierto al público en general o ser privado, sólo para ti y tus amigos

• Podrás decidir en qué momento quieres que te indexen los buscadores o si prefieres estar en el anonimato mientras estás construyendo tu web

25





• Puedes cambiar al instante el aspecto de tu blog, eligiendo entre más de 200 temas, algunos premium (de pago), que van desde los más profesionales a los más divertidos, con sólo pulsar un botón.

• Cada tema te permite personalizar la barra lateral a través de los widgets y muchos de ellos te permiten mostrar una imagen o fotografía en su cabecera.

• Se van añadiendo más temas a la lista periódicamente, en base a las peticiones de los usuarios. Si tienes conocimientos de CSS, también puedes modificar el código de la hoja de estilos en cascada que use tu tema.

26





• Puedes cambiar al instante el aspecto de tu blog, eligiendo entre más de 200 temas, algunos premium (de pago), que van desde los más profesionales a los más divertidos, con sólo pulsar un botón.

• Cada tema te permite personalizar la barra lateral a través de los widgets y muchos de ellos te permiten mostrar una imagen o fotografía en su cabecera.

• Se van añadiendo más temas a la lista periódicamente, en base a las peticiones de los usuarios. Si tienes conocimientos de CSS, también puedes modificar el código de la hoja de estilos en cascada que use tu tema.

27





28





29





30





31





32





33





34





35





36





Estadísticas integradas

• Una de las características más populares del son sus estadísticas. Están diseñadas para ofrecer la información al minuto acerca de cuántas personas visitan tu blog, de dónde vienen y cuáles son los términos utilizados en los motores de búsqueda que te envían visitantes. También está disponible como una extensión para los blogs de WordPress alojados en servidores propios.

• También podemos insertarle el código de Google Analytics para tener todavía más información

37





Una gran herramienta para escribir

• Es muy sencillo crear contenido en WordPress.com. Subir fotos es tan fácil de hacer como en Flickr. Puedes insertar vídeos de YouTube (entre otros servicios similares). También podrás insertar Google Maps

• Y también, para que no pierdas horas de trabajo, a medida que vas escribiendo, se guarda continuamente tus contenidos. Es mejor prevenir…

38





15 minutos de fama

Cuando escribes tus entradas, tu contenido, y agregas etiquetas relevantes, estas se añaden automáticamente a las etiquetas globales y al explorador de etiquetas, para que otras personas interesadas en los mismos temas, puedan encontrar tu contenido más fácilmente y dejar comentarios en tu blog. Encabezarás la lista de nuestros blogs más populares del día en un instante.

39





WordPress trata al spam sin piedad

• WordPress.com utiliza Akismet, la más avanzada tecnología de control para prevenir el spam del mundo, que simplemente bloquea los comentarios de lo spammers en tu blog

• A demás, suprime los blogs de spam en WordPress.com, para que el tuyo no comparta la misma comunidad con falsos bloggers que en realidad son vendedores

40





Toda la ayuda que necesitas

• Si tienes preguntas sobre el uso o el mejoramiento de tu blog, dispone de uno de los mejores sistemas de soporte. Existe una comunidad de usuarios que colabora en los foros y un equipo de soporte que realmente ayuda. Además de una excelente documentación y un formulario de contacto con el soporte, el foro está activo las 24 horas del día.

41





Sólidos y seguros como una roca

• Usan cientos de servidores en tres centros de datos (Chicago, Dallas y San Antonio) con copia inmediata de tu contenido y archivos en cada uno. Esto les permite mostrar tu blog muy rápidamente y también, si ocurre una catástrofe (como Chicago cayendo en el lago Michigan o Dallas impactada por un meteorito), te garantizan que tu blog seguirá estando disponible

42





En buena compañía

• Puede ser que te sorprenda saber quiénes utilizan WordPress.com. Alojan al Political Ticker (CNN); AllThingsD (Dow Jones), la NFL, The Page (Time Inc.), Style Watch (revista People), a bloggers famosos como Mark Cuban, John Scalzi y Joy Behar, blogs corporativos de Flickr, KROQ...

http://politicalticker.blogs.cnn.com/



http://allthingsd.com/

http://blogs.nfl.com/

http://thepage.time.com/

http://thepage.time.com/

http://offtherack.people.com/

http://offtherack.people.com/

http://blogmaverick.com/

http://whatever.scalzi.com/

http://whatever.scalzi.com/

http://joybehar.blogs.cnn.com/



http://blog.flickr.net/en

43





Sigue donde lo dejaste

• Si ya tienes un blog y quieres pasarlo a WordPress.com, puedes importar contenido de Blogger, LiveJournal, Movable Type, TypePad o de otro blog WordPress.

44





Varios blogs y varios autores

¡Puedes tener la cantidad de blogs que quieras! El único límite es tu imaginación. Puedes crear blogs para grupos, con múltiples autores que pueden publicar o contribuir, algo muy adecuado para blogs con temáticas sobre libros o política, pero también para un blog personal tuyo y de tus amigos en un mismo lugar.

45





Opciones de privacidad, incluyendo blogs sólo para miembros

• WordPress.com te permite tener un blog completamente público, un blog público que no está incluido en los motores de búsqueda o en los listados públicos, o un blog completamente privado al que sólo los miembros tienen acceso. Y si quieres tener un blog público pero que contenga ocasionalmente alguna entrada privada, también tienes la opción de protegerla con una contraseña.

• También podrás publicar el contenido de tu web a la hora y el día que tú desees, sólo hay que decirle cuando quieres que se publique tu contenido

46





Widgets para Flickr, del.icio.us, Twitter, Facebook y más

• Puedes agregar y organizar los widgets en la barra lateral de tu blog sin necesidad de tocar ningún código HTML y sin modificar la configuración de tu blog. Arrastra y suelta los widgets en el lugar que desees, para tener al instante una mayor funcionalidad disponible en la barra lateral o en el footer. Continuamente se van añadiendo más widgets, en base a las sugerencias de los usuarios

47





Más que un blog

• WordPress.com tiene una característica llamada “páginas” que te permite crear páginas web estáticas con suma facilidad. Puedes, por ejemplo, publicar una página “¿Quién soy?”, con tu biografía y se creará automáticamente un enlace a esta página en la barra lateral.

• También podrás crear “entradas” para suministrar de información a tu blog.

.

48





No es una cárcel

• Puedes dejar WordPress.com siempre que lo desees, puesto que tu contenido no está guardado bajo llave. Te ofrecen una exportación completa XML de todas tus entradas y comentarios.

• Como el lenguaje XML es un lenguaje estándar podrás exportar tu contenido para que desde otra plataforma, otro programa, puedas utilizarlo posteriormente si lo deas.

49





Publicidad

• Para poder brindar estos servicios gratuitamente, en ciertas ocasiones puede mostrar anuncios de texto de Google en tu blog, pero sólo muy raramente. Puedes eliminar toda la publicidad de tu blog a cambio de una pequeña suscripción anual. En el futuro podrás mostrar tus propios anuncios y monetizar tu blog. Dispone de una opción para que los blogs de alto tráfico puedan mostrar su propia publicidad.

50





• Podrás actualizar tu web desde cualquier parte del Mundo, desde tu ordenador o desde cualquier otro. Como se trabaja en la “nube” no importa el lugar donde te encuentres. Sólo necesitas una conexión a internet. WP no se instala en el disco duro de ningún ordenador, siempre trabajas en la red

• Las imágenes, los textos, las páginas, los vídeos, la base de datos… todo está en Internet. Así que lo único que necesitas es una conexión, internet, 3G, Wifi.

51





• Hasta el momento han traducido WordPress.com a más de 50 idiomas, no solamente la página de inicio, sino también los blogs del día, foros y etiquetas, en el idioma que prefieras. Si eres un políglota, puedes ayudar en el proceso de traducción (tipo la Wikipedia)

• En estos momentos WP está traducido al español en un 92 % del total de su configuración. La Comunidad de usuarios son los que ayudan a ir traduciendo todo el programa poco a poco. Otros programas tienes que ir instalando módulos para traducirlo mientras que con WP es automático

52





• No necesitas dominio propio pero también puedes tener un dominio .es, .com, .org, .net… e instalar el programa en tu hosting. Sólo tienes que descargarlo y subirlo vía FTP

• Y porque hoy en día es el que más seguidores tienen y eso lo hacen seguir mejorando. Además como hace caso a los usuarios van añadiendo en sus menús, en su panel de control, las necesidades que realmente piden los que usamos WordPress

53





• Es fácil, muy fácil

• El panel de control es tan amigable que es el programa que todo el mundo quiere utilizar

• No necesitarás que un informático te modifique tu propia web (lo harás tú mismo)

¿tan fácil?

54





• Da igual con el tipo de ordenador que trabajes habitualmente, ya sea un Pc, un Mac o desde Linux.

• Si usas dispositivos móviles, teléfono 3G o Tablets, también podrás modificar tu web desde ellos.

• Incluso desde tu propio correo electrónico podrás decirle que todo el contenido que entre en una cuenta se publique automáticamente.

55





• En el tema de los navegadores también WordPress funciona perfectamente (mejor Firefox que Internet Explorer):

• Firefox• Chrome• Safari• Internet Explorer• Opera

56





Lo que te da wordpress pagando

Sé el maestro de tu propio dominio ($18.00/año)

• Tu dirección WordPress.com ya es de por sí un indicador de estilo, pero ¿qué hacer si deseas controlar totalmente tu identidad “online”? Es muy fácil añadir tu nombre de dominio, como ejemplo.com, a un blog que ya tengas en WordPress.com. Si ya tienes registrado ese dominio, también es fácil transferirlo a tu WordPress.com.

57






Espacio extra ($20.00 – $290.00/año)

• Si empiezas a quedarte sin espacio, nada más simple que añadir más. Puedes elegir entre 5, 15, 25, 50 o 100 gigabytes extra, para tener todo el espacio que necesites para alojar muchas fotografías, vídeos y música.

58






VideoPress ($60.00/año)

• A veces, lo que quieres decir sólo lo puedes hacer usando un vídeo. Con VideoPress es fácil: sólo tienes que subir tu vídeo y WordPress se encargan de la conversión a los formatos mas adecuados para compartir en la red (incluyendo la opción HD de alta definición).

• Muestran tus vídeos con estilo, en un reproductor minimalista que no interfiere con el aspecto de tu blog. Mediante el uso de VideoPress en tu blog, el feed RSS se transforma en un podcast de vídeo que puede ser añadido a cualquier lector de podcasts, como Miro o iTunes.

http://videopress.com/

59






Sin anuncios ($30.00/año)

• De vez en cuando mostrarán anuncios de texto en tu blog, sólo a usuarios que no se han registrado o que no son visitantes regulares. Esto les permite mantener las características gratuitas. Sin embargo, si prefieres no mostrar anuncios nunca, tienes la opción de desactivarlos.

60






Número ilimitado de usuarios (año)

• El límite gratuito de 35 usuarios para un blog privado es suficiente para la mayoría de los usuarios, pero si quieres un sitio privado para una comunidad más grande, o un sitio para una organización con más personas, puedes aumentar su número

61






CSS personalizado

• Si la expresión “hojas de estilo en cascada” no es un concepto extraño para tí, puedes dar un toque más personal a tu blog WordPress.com con el CSS Personalizado o utilizarlo con el tema Sandbox para crear un diseño completamente nuevo.

62





63





64





65




Wordpress ha conseguido una perfecta coordinación con Google, mostrando en el panel de control, los campos necesarios para conseguir una muy buena indexación de todo el contenido

1. formacion wordpress castellon2. curso seo castellon3. taller seo castellon4. aprender wordpress castellon5. profesor wordpress6. curso seo oliva7. experto enanos jardin

5. WORDPRESS + GOOGLE + REDES SOCIALES

¿Y cómo consigo esto?

66





67





68





69





70





• OFF PAGE• MONITORIZACIÓN

• ON PAGE• ENTENDERLO

71





¿Cómo funcionan los buscadores?

– Si hacemos una búsqueda sobre ‘hoteles’, el algoritmo de Google analizará nuestra web y según la relevancia que tenga nuestra página sobre ‘hoteles’ te dará una posición. Cuanto mayor sea esta relevancia mejor te situará.

72





Factores que influyen en el posicionamiento

73





…las 2 a la vez

74





75





76





Factores on page

Factores off page

CompetenciaTiempo dedicado

Presupuesto

Google

Dependemos de…

77





Series10

20

40

60

80

100

12097 %

1,28 %

0,85 %

0,49 %

0,38 %

otros

78





1. Si hago una búsqueda en Google sobre “curso seo valencia”

Factores on page

BIEN: Con el curso seo en Valencia que se celebra el próximo día 15 de noviembre aprenderás las mejores técnicas para posicionar tu web en los primeros lugares…

MAL: Con el curso de posicionamiento en buscadores, seo, que se celebra el próximo día 14 de noviembre den Valencia aprenderás las mejores técnicas para posicionar tu web en los primeros lugares…

79





Variación de las keywords (sinónimos)

Ejemplo Profesor

Doctor

Educador

Consejero

Maestro

Preceptor

Pedagogo

Catedrático

Docente

Ejemplo Vivienda

Apartamento

Edificio

Domicilio

Piso

Morada

Casa

Edificación

Estudio

80





http://www.seomofo.com/snippet-optimizer.html

Título y Descripción: Lo que sabe Google de nosotros

http://www.seomofo.com/snippet-optimizer.html

81





82





83





84



6. CREAR UN DOMINIO GRATUITO


• WP te ofrece la posibilidad de poder disponer de una web y tener un dominio propio, aunque siempre con la siguiente denominación: tunombre.wordpress.com (se puede comprar y eliminar ‘.wordpress’, pero seguirás trabajando en la plataforma gratuita) y aunque no se pueden hacer algunas cosas y está algo limitada, por plantillas, por la instalación de plugins, espacio, etc., es una buena manera de empezar si no tienes dominio propio, aunque donde se le puede sacar el máximo rendimiento es en un dominio profesional.

• Accedemos a la web de wordpress.com y elegimos idioma español, a continuación nos registramos, ¡Comenzamos!

85





86





Tienes que rellenar los campos:• Tu dominio propio

• Nombre de usuario

• Contraseña

• Email donde te envían un correo de activación de la cuenta

• Crear blog

87





hacer clic

88





• Te envían un correo electrónico a la cuenta que has puesto anteriormente en los campos de arriba y sólo tienes que activarlo. A partir de ahí ya estás en disposición de entrar en el panel de control. ventazapatosonline.wordpress.com/wp-admin

89



7. INSTALAR WORDPRESS EN UN HOSTING PROFESIONAL


Tenemos que seguir estos pasos:

1. Disponer de hosting + dominio2. Crear una Base de Datos3. Descargar desde wordpress.org la última versión del programa4. Vía FTP subimos el fichero descargado a nuestro hosting5. Conectamos WordPress con la Base de Datos6. Instalamos WordPress

¿Fácil verdad?

http://wordpress.org/

90



9. EJEMPLOS DE PÁGINAS CON WORDPRESS


http://www.livingdesign.info/

91





http://www.le28thiers.fr/

92





http://www.magellandevelopment.com/

93





http://themeforest.net/item/boutique-shop-responsive-woocommerce-theme/full_screen_preview/3311375

94





http://theme-fusion.com/avada/

95





http://www.olevmedia.com/themes/preview/?item=metro

96





http://pexetothemes.com/demos/expression_wp/

97





http://myteamcom.net/

98





http://pilucarepresenta.com/

99



10. CONSEJOS ÚTILES


• Después de muchas horas, ya deben ser miles, de dedicación a WP te doy unos consejos que personalmente creo que te pueden ser de gran utilidad:

• Como no necesitas ahora un FTP para ir haciendo cada cambio y tener que subirlo, cada modificación que hagas ves actualizándola y comprobando en el navegador que uses cómo te está saliendo y si estás haciendo lo que realmente quieres

• Si haces cualquier modificación y no te sale, prueba con otro navegador: Safari, Chrome, Internet Explorer, Firefox, Opera… porque en algún caso y con algún navegador en concreto no verás o no se activará el cambio deseado. Yo te recomiendo Firefox.

100



10. CONSEJOS ÚTILES


• Ves haciendo copias de seguridad de vez en cuando, para poder utilizarla en caso de S.O.S. Aunque WP las hace automáticamente

• Si has hecho algo y no puedes seguir porque no puedes entrar en el panel de control, siempre puedes borrar tu base de datos y empezar de nuevo, siempre y cuando no tengas otro remedio. Por este motivo es tan importante ir haciendo copias de seguridad.

• Y por último si después de estar unas cuantas horas haciendo alguna modificación y no sabes el porqué te está saliendo mal, apaga el ordenador y al día siguiente verás las cosas desde otro punto de vista y podrás encontrar mejor la solución al problema (te lo digo por experiencia).

101




Nos vemos mañanamed1307

[email protected]

¿Qué es WordPress?

Education

Transcript of ¿Qué es WordPress?