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