Taller práctico de creación, desarrollo y mejora de blogs para pymes y emprendedores

Taller Pr谩ctico de Creaci贸n, Desarrollo y Mejora de Blogs para Pymes y Emprendedores

@merchanjavier

¿QUE VAMOS A VER?  Que es un Blog, tipos de Blog y porque usarlo.  Plataformas para la Creación y Gestión de Blogs: WordPress  Conocer cuando usar WP.COM y WP.ORG  Aprender la instalación de un CMS como Wordpress  Conocer los aspectos fundamentales de Wordpress que nos ayuden a comprender mejor el funcionamiento de una web y su relación con los buscadores.  Descubrir los requisitos recomendables que debe tener un Blog hoy día para competir en Internet.  Sacar el máximo rendimiento al software libre.

2.Introducci贸n a los blogs Como sacar el m谩ximo partido a mi blog

Que es un bloguero

Tipos de Blogs 1. Personal “Blog escrito por una sola persona y que promociona su marca personal”

1. Corporativo ”…Soporte de una empresa, con el fin de contribuir a que alcance sus objetivos corporativos…”

7

Antes de empezar

• Saber que requiere constancia y tiempo • Pensar y repensar la temática y el objetivo.

• Planificar la estrategia

Definir un objetivo global • ¿qué quieres conseguir con tu blog? Define un objetivo que quieres lograr y dónde quieres estar después de los primeros 6 meses.

Definir un objetivo global

Objetivo del blog

Planifica la estrategia del Blog • En que trabajo, de que soy experto y de que me gusta hablar. Elige una temática que te apasione.

• Palabras Clave alrededor de mi tema.

• Target potencial y futuro • Productos y servicios principales que interesan a mis lectores.

• Estudio de la competencia. Que hacen y que no hacen: En que puedo diferenciarme.

• Quien conozco y puedo colaborar

Planifica la estrategia del Blog • Encuentra tu nicho

Que me aporta el nicho • Creas una marca • Es más fácil captar seguidores • La publicidad es más segmentada y puedes cobrar más

Planifica la estrategia del Blog

• Y establece tu contenido de valor y

POSICIONALOS

Programa tus horarios • Fija tareas semanales y ponte alertas.

• Establece tus horarios para publicar al menos 2-3 veces por semana.

• Hay que intentar conseguir mucho contenido al principio para comenzar bien.

Evitar errores de principiante • Hacer autobombo y promocionar el blog sin tener aún contenidos de valor e imagen definitiva.

• Dedicar tu atención en las palabras claves y el SEO y olvidarte de atraer la atención del lector.

• Dedica tiempo al titulo.

• Formato escaneable rápida lectura.

HERRAMIENTAS DE BLOGGING

1. Breve Introducci贸n sobre CMS

¿Qué es un CMS? • Sistema de Gestión de Contenidos “…programa que permite crear una estructura de soporte (framework) para la creación y administración de contenidos, principalmente en páginas web, por parte de los administradores, editores, participantes y demás roles…” “…controla una o varias bases de datos donde se aloja el contenido …”

CMS Para Blogs

¿Porqué Wordpress?

• Software de Código Abierto • Herramienta de blogs más utilizada de su segmento.

• Está en desarrollo continuo y muy activo.

• La tecnología antispam de Akismet • Facilidad de uso • Gran capacidad de Posicionamiento SEO

Ejemplos de Blogs con WordPress

WP.COM VS WP.ORG WORDPRESS.COM

WORDPRESS.ORG

• Gratuito lo + básico • Fácil de empezar • Mantenimiento externo

• Millones de Temas y Plugins • Personalización Total • Integración de Flash, otras webs, reservas, …

• Control de los archivos y BBDD.

• Anuncios • Poca Personalización • Nombre de plantillas y WP en footer • No plugins

• Hay que aprender ….

Cuando WP.COM • Para blogs muy sencillos.

• Para proyectos personales.

• Cuando no se tiene apoyo o tiempo para mantener el blog.

• Cuando no importa la personalización.

• No tienes muchas visitas.

Cuando WP.ORG • • • • •

Para proyectos profesionales.

Cuando queremos diferenciación.

Para proyectos más complejos.

Para web y blogs en varios idiomas.

Para usar plugins que potencian nuestro plan de e-Marketing: Newsletter, CRM, Integración de sistemas, etc..

Herramientas para crear un BLOG • • • •

Dominio Servidor, Alojamiento, Hosting.

Software de Blogging: WordPress Servicio de Newsletter

Vamos a ver WORDPRESS.ORG

Dominio • Es el identificador único de un sitio web.

Registramos un dominio para dar una dirección donde encontrar mi web: www.dominio.com • Un dominio traduce una IP (192.0.32.10 ) para que sea fácilmente reconocible y memorizable.

• La extensión nos proporciona información: .es .edu .com .gov .xxx ,etc… .org 1. INTRODUCCIÓN AL DISEÑO WEB Y CMS

Hosting/ Alojamiento web • • • •

Espacio donde se alberga el Blog Localizado en ….

Tamaño: Alojamiento compartido vs dedicado.

La importancia de un buen alojamiento (No Gratuito): capacidad, velocidad, seguridad • Alojar multimedia en terceros • Un Alojamiento puede albergar varios Blogs • WordPress.com esta autogestionado.

Requisitos para Wordpress Linux 1 Base de datos MySQL 5.0 o superior PHP 5.2.4 o superior Espacio web + de 500 MB

Elegir un servidor

Elegir un servidor

Elegir un servidor

Instalaci贸n en 1&1

1.- COMPRAR EL PACK BÁSICO PARA UNA WEB

• Para empezar está bien el 1 & 1 Dual Basico http://ow.ly/j9c7R Recordar que tiene que ser LINUX

• Elegir nuestro dominio o comprobar su disponibilidad más tarde.

2.-ACCEDER AL PANEL DE CONTROL

3.- CREAR LA BASE DE DATOS

Pulsar en nueva base de datos

Escribir una descripción y una contraseña • ( recordar apuntarla bien)

Apuntar los siguientes datos que os dan de la BBDD en un bloc de notas:

Pulsar en Vista General y despuĂŠs ir a INICIO

4.- VAMOS A DESCARGAR WORDPRESS

http://es.wordpress.org

5.- SUBIR WORDPRESS A GESTIÓN DE ARCHIVOS

Cargar el archivo en formato zip,tal cual lo hemos descargado de la web

• Y pulsamos enviar para que se suba.

Descomprimir el archivo en la carpeta raĂ­z (es la carpeta / )

Podemos cambiarle el nombre a la carpeta • Para cambiar el nombre pulsamos con el botón derecho en la carpeta wordpress. Yo le he puesto el nombre web y queda así:

6.- DIRECCIONAR EL DOMINIO HACIA NUESTROS ARCHIVOS • Ir a INICIO – DOMINIOS y pulsar sobre DESTINO del el dominio que nos prestan en 1&1 mientras nos decidimos por uno ( que es algo así s355552561.mialojamiento.es )

Y modificar su destino hacia nuestra carpeta que alberga los archivos

Escribir el dominio real o prestado en el NAVEGADOR • Y nos aparece esto ( si no es así, esperar unos 5 minutos y repetir)

Pulsar en Crear un archivo de configuración y en Vamos a ello!

UNIÓN DE ARCHIVOS CON BASE DE DATOS La mayoría de los CMS funcionan de la siguiente manera: →Necesitamos un servidor web con capacidad de procesado PHP y un servidor de Base de Datos MYSQL. ARCHIVOS PHP

BBDD

+ Twitter/MKG20 - Javier Merchán

7.- UNIR ARCHIVOS CON LA BBDD • Lo último es introducir los datos que hemos copiado en el bloc de notas y que corresponden a la información de la BBDD

db355522279

db355522279

Contraseña de la BBDD

db395552279db.1and1.com

CAMBIAR PREFIJO POR SEGURIDAD

El prefijo de la Base de Datos • El prefijo de la base de datos conviene cambiarlo por temas de seguridad.

• Podemos poner las letras que queramos exceptuando la ñ.

• Es recomendable terminar con _ para dividir el prefijo del nombre de la tabla.

8.- DATOS DE ACCESO A NUESTRO PANEL DE ADMINISTRACIÓN

• Configurar los datos de acceso al panel de administración de Wordpress y el título de nuestra web.

PULSAR INSTALAR WORDPRESS

Twitter/MKG20 - Javier Merchรกn

Gestionar el Contenido

Acceder en www.midominio.com/wp-admin

Twitter/MKG20 - Javier Merchรกn

WordPress 3.8: El Escritorio

Twitter/MKG20 - Javier Merchรกn

Parte Frontal y Escritorio

Pulsando en el nombre de la web arriba a la izquierda nos lleva al

Front End Twitter/MKG20 - Javier Merchรกn

Así es al principio nuestro blog

Twitter/MKG20 - Javier Merchán

Descubriendo el Escritorio

Twitter/MKG20 - Javier Merchรกn

• Menú de Navegación del panel de control

Actualizaciones

• Para actualizar SIEMPRE debemos tener una copia de seguridad de nuestro Wordpress.

Entradas, Categorías, Páginas Entradas: • Lo usamos para el contenido de actualización periódica como noticias, novedades, artículos, promociones, etc…

• Entran con fuerza pero se diluyen

Entradas, Categorías, Páginas Categorías: • Lo usamos para ordenar y clasificar las entradas.

• Pueden dividirse según diferentes criterios que elije el autor: tema, localización, segmento, etc…

• Ej: Futbol,Baloncesto, Motor, • Ej: Web, SMM, LOPD

Entradas, Categorías, Páginas Páginas: • Lo usamos para publicar contenido estático y descriptivo.

• Está siempre a la vista.

• Ej: Acerca de, Aviso Legal, Quienes somos, nuestros productos

Entradas Para gestionar el contenido dinรกmico

Twitter/MKG20 - Javier Merchรกn

Entradas: Tienen un editor de contenidos muy intuitivo. Las entradas se ordenan por categorĂ­as. Podemos AĂąadir entradas o modificar una existente.

Twitter/MKG20 - Javier MerchĂĄn

Añadir una Entrada: •Vista Visual o HTML para conocedores de código.

•Texto en negrita, cursiva, tamaño, viñetas, gramática, …

•Botón para ver más opciones •Hipervinculos •Linea de leer más •Comilla de Cita •Pegar desde un word u otra web.

•Subir o insertar imágenes, videos u objetos.

•Integrarla en una categoría •Publicar o Guardar como borrador •Programar su publicación.

•Establecer contraseña: Entrada privada

Twitter/MKG20 - Javier Merchán

Tipos de hipervinculos • _blank — nueva ventana o pestaña.

• _top — ventana o pestaña actual, sin marcos.

“Usaremos Blank para enlaces a otras webs externas y Top para enlaces propios, ya que seguiremos teniendo al visitante en nuestra web”

APORTAN DISEÑO SEGÚN PLANTILLAS

IMAGEN DESTACADA

Twitter/MKG20 - Javier Merchán

SE CONVIERTEN EN MINIATURAS O BANNERS IMAGEN DESTACADA

Twitter/MKG20 - Javier Merchรกn

Dependiendo del tema instalado tendremos más o menos funciones para las entradas. También los plugins que instalamos muestran sus herramientas de trabajo en esta pantalla, que se regula en OPCIONES DE PANTALLA

Twitter/MKG20 - Javier Merchán

CategorĂ­as: Organiza tus entradas

Librería Multimedia • Es aquí donde se almacenan y se gestionan las imágenes, pdf, videos y otros documentos subidos.

Añadir nuevo archivo Multimedia •Podemos subir archivos desde aquí o desde la entrada o página donde irá publicado. Arrastra el archivo y suelta.

•Puedes subir varios archivos a la vez

Twitter/MKG20 - Javier Merchán

Pรกginas: Organizaciรณn del contenido Estรกtico

Páginas: La edición es igual a la de una entrada. Se le puede asignar una plantilla predeterminada, que según el TEMA tendrá más variedad.

Twitter/MKG20 - Javier Merchán

PÁGINAS

Publicar  Para publicar, programar o guardar borrador. Permite crear entradas privadas.  Aquí también permite enviar la página a la papelera Atributos de página  Ubicación de la página en el menú.  Posición que irá en el menu  Tipo de página que queremos publicar.

Premium.

Imagen destacada  La imagen que se usa para presentar la página.  En algunos temas sirve para las miniaturas

Twitter/MKG20 - Javier Merchán

Descubriendo el Escritorio

Comentarios Lista de comentarios recibidos y gesti贸n de los mismos

Twitter/MKG20 - Javier Merch谩n

Menús: La barra de Navegación • Los Menús Personalizados te permiten colocar las páginas y categorías que deben aparecer en el Menú de Navegación, y ordenar su posición en el mismo.

Menús: Crear un Menú •Para crear un menú personalizado dale un nombre y haz clic en Crear menú.

•Después elige objetos como páginas, categorías o enlaces personalizados de la columna izquierda para añadirlos a este menú.

•Después de añadir tus objetos, arrastra y suéltalos en el orden que desees.

•También puedes hacer clic en cada objeto para ver opciones de configuración avanzadas.

•Cuando hayas terminado de crear tu menú personalizado, asegúrate de hacer clic en el botón Guardar menú.

Apariencia > Menu Crear Menu

Apariencia > Menu Selecciona elementos Menu y ordenalos arrastrando

Apariencia > Menu Ordenalos y UbĂ­calos en el tema

UBICA EL MENU

Widgets  Widgets: Los usamos para mostrar en nuestra web las funcionalidades de wordpress, del tema o de los plugins.  Tenemos widgets preinstalados  Generalmente van en el sidebar o en el Footer.  Se arrastran para activarlos.

Widgets

Widgets

Usuarios • Aquí damos de alta a los Administradores, Editores, Autores, Colaboradores o suscriptores

Usuarios Niveles de Permiso: •

Administrador: Acceso a todo.

• Editor: Los usuarios con este perfil puede editar y crear nuevo contenido, tienen capacidades para moderar los comentarios y responderlos, pueden modificar categorías y enlaces.

• El perfil autor permite a un usuario crear contenido, gestionarlo y publicarlo. Sin embargo, un autor no puede crear páginas, únicamente posts o entradas. Los autores también tienen capacidad de subir imágenes, archivos y material adicional al sitio web, así como eliminar o editar entradas publicadas.

• El perfil colaborador tiene la capacidad de agregar nuevo contenido. Puede añadir nuevas entradas pero no puede gestionar entradas de otros usuarios.

• Suscriptor: Solo puede leer contenido privado.

Herramientas Publicar esto: Nos permite “coger prestado” facilmente texto de otras fuentes. Funciona insertando en la barra de marcadores el enlace PUBLICA ESTO

Importar y Exportar: Muy útil para trasladar los contenidos (entradas, comentarios, …) de un blog a otro.

Por ejemplo de WP.COM a WP.ORG, de BLOGGER a WP, etc…

Ajustes Generales

Twitter/MKG20 - Javier Merchรกn

Ajustes Generales 1. Los campos en esta pantalla determinan algunas configuraciones básicas de tu sitio.

2. La mayoría de los temas muestran el título del sitio en la parte superior de cada página, en la barra de título del navegador, y como nombre identificativo para los feeds. La descripción corta también se muestra en muchos temas.

3. La URL de WordPress y la URL del sitio pueden ser las mismas (ejemplo.com) o diferentes; por ejemplo, puedes tener los archivos del core de WordPress en un subdirectorio (ejemplo.com/wordpress) en vez de en el directorio raíz.

Twitter/MKG20 - Javier Merchán

Ajustes Generales 4. Si deseas que los visitantes se puedan registrar en tu sitio, en vez de que el administrador del sitio deba registrarlos, marca la casilla de miembros. Se otorgarรก un perfil predeterminado a cada nuevo usuario. Da igual que se registren ellos mismos o que les registre el administrador del sitio.

5. UTC quiere decir Hora universal coordinada (Coordinated Universal Time) 6. Recuerda hacer clic en la parte inferior de la pantalla sobre el botรณn Guardar cambios para que los nuevos ajustes surtan efecto

Twitter/MKG20 - Javier Merchรกn

Ajustes Generales IMPORTANTE:  Dar de alta un buen Título y Descripción (SEO)

 Visibilidad del sitio: Permitir que el Blog sea indexado  Enlaces permanentes: Colocar en NOMBRE DE ENTRADA (SEO)

Twitter/MKG20 - Javier Merchán

TEMAS – THEMES – PLANTILLAS - TEMPLATES

Apariencia

• El diseño que tendrá nuestra web lo define el TEMA que tengamos instalado.

• El tema por defecto que nos viene en Wordpress es el TwentyThird y TwentyFour

• Existen miles de temas diferentes y cada tema tiene sus propias opciones de personalización.

• Los temas gratuitos dan muy poco juego y NO dan un aspecto profesional.

• Los temas Premium nos proporcionan una web bonita y con muchas posibilidades por poco dinero.

Twitter/MKG20 - Javier Merchán

Plantillas Gratuitas

Plantillas Gratuitas

Plantillas Premium • Los principales portales de plantillas Premium para Wordpress son las siguientes.

• • • • •

WOO Themes Studio Press Theme Forest Elegant Themes Natty WP

Ejemplo Plantilla Premiun

Twitter/MKG20 - Javier Merchรกn

Subir una plantilla vĂ­a Escritorio

1

2

Activar la plantilla

Apariencia > TEMAS Apariencia: Administrar Temas

Twitter/MKG20 - Javier Merchรกn

Opciones del Tema: Dependen del tema instalado. Dos ejemplos Twenty Fourteen

Elegant Themes

Twitter/MKG20 - Javier Merchรกn

Plugins en WordPress MEJORA Y DESARROLLO DEL BLOG

Plugins y Widgets Son aplicaciones que instalamos y que amplĂ­an las funciones de Wordpress.

Plugins Instalados

Twitter/MKG20 - Javier Merchรกn

Instalar Plugins Se pueden buscar por palabras o tags Se pueden subir si lo tenemos en nuestro PC Ejemplo: Buscar SEO

Twitter/MKG20 - Javier Merchรกn

Antes de instalar un Plugin • Tener en cuenta si se actualiza frecuentemente • Los Plugins pueden hacer nuestro WP más lento o crear errores de funcionamiento.

• Pueden abrir agujeros de seguridad en la web, haciendo nuestro sitio vulnerable y expuesto a cualquier tipo de ataque.

Pregúntate antes de instalar un Plugin 1. ¿Necesito instalar este plugin?

2. ¿Puedo hacer lo que necesito sin este plugin?

3. ¿Es este plugin mejor que otros similares? ¿Cuál autor cuenta con mejor reputación?

4. ¿Cuál de los plugins lleva el mejor registro de actualizaciones?

5. ¿Cuál de los plugins ha sido instalado más veces?

¿Cual elegirías?

Aùadir nuevo • Buscar, subir o instalar manualmente

Repositorio de Plugins

Algunos de los mejores Plugins para Blogs son:

•Akismet •SEO by YOAST •Q-Translate vs WPML •WP Super Cache •Nexgent Gallery •Jetpack

•Contact Form 7 + Really Simple Captcha •Google XML Sitemaps •Google Map for Wordpress

•Google Analytics for Wordpress •Twitter Facebook Social Share

AKISMET

Plugins para idiomas Qtranslate • Gratuito • Facil de instalar y configurar.

• Traducciones básicas: entradas, categorias, páginas. Widgets con codigos.

• Crea codigo sucio

WPML • De Pago • Dificultad media de instalacion y configuración.

• Traduce todo.

• Compatible con la mayor parte de plugins

Supercache

Contact Form 7

Twitter Facebook Social Share

Plugins de Google • Google XML Sitemaps

• Google Map for Wordpress • Google Analytics for Wordpress

• Google Drive

WordPress SEO

WordPress SEO

WordPress SEO

A tener en cuenta en tu Blog              

Menu claro e intuitivo No hagas esperar: rápida carga: GTMETRIX Post de 350 a 500 palabras y de contenido actualizado.

Botones de compartir bien visibles.

Diseño sencillo , elegante y que respete y trasmita tu imagen corporativa.

Lenguaje orientado al target.

Invita a otros a publicar en tu blog y escribe con tu firma en otros blogs.

Pon bien visibles tus otros canales de promoción: Suscripción, web, redes sociales, etc..

Evita el contenido promocional.

Formato de texto y contraste que facilite la lectura Comentarios: control y moderación Seguridad: contraseñas, actualizaciones y protecciones Optimización SEO: Robots, enlaces amigables, titulos y descripciones Aviso Legal

1. INTRODUCCIÓN AL DISEÑO WEB Y CMS

Esto es todo Amigos! *** Gracias *** @merchanjavier jmerchan@mkg20.com