IMPULSO WORDPRESS

Instalación wordpress, wordpress plugins, wordpress themes, configuración SEO, integración de redes sociales y otros con los que conseguir un diseño wordpress profesional.

Guía Plugin All in One SEO Pack

All in One SEO Pack de Michael Torbert es un magnífico plugin para optimización SEO. Con más de 3 millones de instalaciones activas es uno de los plugins más utilizados en WordPress.

La principal característica de All in One SEO Pack es su simplicidad y facilidad de uso.

Además ofrece una perfecta integración en WordPress. Hasta el momento nos ha funcionado a la perfección sin incidencias en themes o incompatibilidades con otros plugins.

Algunas referencias:

#1 Gestor de Utilidades en All in One SEO Pack

All in One SEO Pack se centra en un módulo de optimización SEO al que podemos complementar diferentes funcionalidades. Para visualizar los diferentes módulos debemos ir al Gestor de utilidades del menú All in One SEO Pack.

Muchas veces las funcionalidades no tienen sentido por utilizarse en otro plugin o con codificación a medida. Por ejemplo, si nos planteamos utilizar el módulo Mapas XML debemos asegurarnos que no estamos gestionando los mapas con otro plugin.

Normalmente o la más utilizada es la de Social Meta y por ello de momento en este tutorial nos vamos a centrar en la configuración del módulo central y el complemento Social Meta.

Para seguir el tutorial debes activar el módulo Social Meta

Esto es lo que nos dice el mismo plugin sobre sus funcionalidades:

tutorial all in one seo pack utilidades

Mapas XML

Crea y gestiona mapas del sitio XML. También los envía a Google, Bing/Yahoo y ask.com. El sitemap.xml es un archivo que sirve para esquematizar todas las páginas existentes en la web. Si quieres saber más puedes tomar como referencia los protocolos de sitemaps.

Social Meta

Permite añadir datos social meta a tu sitio para obtener una integración más cercana entre tu web/blog y los medios sociales. Se puede decir que mediante esta función configuraremos cómo se visualizará el contenido al enlazarlo desde una red social.

Robots.txt

Permite crear y validar tu archivo robots.txt para guiar a los motores de búsqueda por tu sitio. El archivo robots.txt es un archivo de texto que dicta recomendaciones de indexación y de comportamiento para los crawler o los robots de los motores de búsqueda.

Editor de archivos

Un editor con el que editar los archivos robots.txt y .htaccess para perfeccionar tu sitio. Htaccess es la abreviatura de Hypertext Access. Se trata de un archivo de configuración utilizado por servidores web basados en apache. Este archivo configura los ajustes iniciales de un programa o, como ocurre en este caso, el servidor.

Importar & Exportar

Un módulo que te permite importar o exportar la configuración de All in One SEO Pack.

Bloqueador de bots maliciosos

Evita que robots con mal funcionamiento ralentice tu sitio web.

Rendimiento

Nos ayuda a optimizar el rendimiento del SEO y revisa el estado del sistema.

Video Sitemap

Módulo solo disponible en la versión PRO.

#2 Cómo configurar All in One SEO Pack

Ajustes Generales

Antes de configurar esta sección debemos saber:

Canónical es una etiqueta presentada por Google, Yahoo! y Bing en el año 2009 para solucionar la problemática de contenido duplicado o similar en SEO. Utilizando esta etiqueta indicamos cuál de los contenidos es el original. Google penaliza la copia sistemática de contenidos.

Schema.org es una iniciativa de google, Yahoo! y Bing que tiene como finalidad ayudar a los motores de búsqueda a comprender mejor los sitios web. Fue creada en 2011 con el objetivo de ahorrar trabajo a los webmasters y lograr que los datos de los diferentes buscadores fueran consistentes entre ellos.

W3C es el Consorcio World Wide Web, una comunidad donde las organizaciones miembro trabajan conjuntamente para desarrollar estándares web (W3C).

Y ahora sí, vamos a configurar la sección:

ajustes generales de all in one seo pack

URLs canónicas: Esta opción generará automáticamente URLs canonical para toda la instalación de WordPress. ESte ayudará a evitar penalizaciones de google por contenido duplicado. Al marcarlo nos aparecerán las siguientes opciones:

Sin paginación en las URLs canónicas: Activando esta opción se configura la URL canónical para todo el contenido paginado de la primera página.

Activar URLs canóncias personalizadas: Activando esta opción puedes personalizar la URL canónical para entradas específicas. Esta opción si nos interesa ya que añade al editor tanto de páginas como post u otros una sección donde podemos indicarle la canónical (página original).

Usar título original: Lo utilizaremos solo si notamos que el Theme utilizado u otros complementos interfieren con las etiquetas de All in One SEO Pack.

Usar el marcado de Schema.org: En primer lugar debemos plantearnos qué elemento gestionará el marcado Schema.org (theme, All in One SEO u otro plugin). En segundo lugar debemos saber que puede generar errores de validación W3C. Errores que podemos pasar por alto tras revisarlos.

Registrar incidencias importantes: Una opción con las que disponer de un registro de errores que te ayude a depurarlos.

Ajustes de portada

ajustes de portada all in one seo pack

Utilizar la página principal estática en su lugar: Con esta opción marcamos la configuración title, description y keywords de la página principal como datos de la portada.

Ajustes de título

all in one seo pack ajustes titulo

Reescritura de títulos: Nos permite definir que se verá como título en la pestaña del navegador. Nosotros basamos los títulos en keyword research y por tanto no nos interesa que páginas y artículos del post aparezcan de forma automática. Lo que hacemos es dejar %post_title% | y luego en cada post o página definimos la siguiente información. Por ejemplo para la página del servicio de Diseño Web nos aparece como título de página Diseño WEB | y nosotros le agregamos Agencia de diseño web en Barcelona. Pura estrategia.

Como conclusión de la sección de ajustes del título recomendamos solo modificar aquellos títulos para los que tengamos una estrategia de apoyo. Si no es así, mejor dejarlos tal cual los define el plugin.

Ajustes de tipos de entrada personalizadas

SEO en tipos de entrada personalizados: Nos permite activar la configuración SEO en los diferentes tipos de entrada.

SEO solo en estos tipos de entrada: Como mínimo activaremos entradas y páginas.

Activar ajustes avanzados: Nos permite definir en quÉ tipos de entrada personalizadas vamos a configurar SEO.

Títulos personalizados: Definiremos de la misma manera que indicamos en los ajustes de título explicado anteriormente.

Ajustes de visualización

all in one seo ajustes visualizacion

Mostrar etiquetas de columna para los tipos de entrada personalizadas: Esta opción activa la sección etiquetas en la edición de los tipos de entrada.

Verificación Webmaster

Google Search Console y Webmaster Bing son servicios gratuitos ofrecidos por los buscadores que te ayudan a supervisar y a mantener la presencia de tu sitio web en sus resultados de búsqueda.

all in one seo webmaster

Herramientas para Webmasters de Google: Aquí incluimos el código de verificación proporcionado por Google Search Console. Se puede dar el caso de integrar Google Analytics en la Web y luego desde Google Search Console enlazarlo sin necesidad de registrar código en esta sección.

Centro para Webmasters de Bing: Idem que en el anterior pero en esta ocasión el código lo proporciona la herramienta del buscador Bing.

Verificación del sitio en Pinterest: Si tenemos cuenta en Pinterest, desde aquí enlazamos el perfil con el sitio web.

Ajustes de Google

all in one seo pack google

Perfil por defecto de Google Plus: Esta opción gestiona la etiqueta “author” de la auditoría de Google. Se recomienda perfil personal.

Desactivar el perfil de Google Plus: Lo utilizaremos para quitar el campo Google Plus de la pantalla de perfil de usuario.

Mostrar la caja de búsqueda de enlaces del sitio: Esta opción generará el código requerido para el Cuadro de Búsqueda de vínculos a sitio que Google puede mostrar en los resultados de búsqueda.

Establece el nombre del sitio preferido: Agrega un marcado que le indicará a Google el nombre del sitio.

Ajustes avanzados de autoría: Es la opción desde la cual controlamos la autoría de Google.

Mostrar la autoría de Google: Indicaremos donde marcaremos autoría de google.

Mostrar el Meta Plublisher en Portada: Esta opción es recomendada si nuestro sitio es corporativo.

Especificar la URL del Publisher: En esta ocasión indicaremos el perfil o página del negocio de Google+ .

ID de Google Analytics: Aquí indicaremos el código de seguimiento de Google Analytics.

Ajustes avanzados de Analytics: Esta opción nos va a permitir una configuración avanzada de Google Analytics.

Seguimiento del dominio: Trata de establecer el dominio de las cookies.

Seguir múltiples dominios: Lo usariamos si queremos seguir varios dominios.

Anomizar direcciones IP: Activa la compatibilidad del anonimato de IP en Google Analytics.

Mostrar seguimiento de anunciante: Esta sección es relevante para cuando vamos a realizar campañas de remarketing. Es decir, mostrar anuncios a aquellos que han visitado nuestro sitio web.

Excluir a usuarios del seguimiento: Para que Google Analytics no cuenta nuestras visitas y tener una lectura realista del volumen de tráfico en nuestra web debemos excluirnos los que participamos en la web.

Seguimiento de enlaces salientes: Los enlaces salientes son los que llevan fuera de tu sitio. Por ejemplo enlaces a tu página de Facebook o a otro de tus sitios web.

Atribución de enlaces mejorada: permite etiquetar paginas para implementar una funcionalidad de seguimiento de enlaces. Supongamos dos enlaces en una misma pagina que apuntan a la página Contacto. Esta opción nos permite ver desde que enlace de los dos han llegado a Contacto.

Comercio electrónico mejorado: Ayuda a la trazabilidad o seguimiento de la ruta por la cual llega un cliente a la compra.

Ajustes de Noindex

NOINDEX es una etiqueta que indica a los robots que no indexen la página. Cada robot tiene sus directivas. En el caso de Google se le estaría diciendo que no muestre la página en los resultados de búsqueda ni en el enlace en caché.

NOFOLLOW es una etiqueta que pide a los robots que no hagan seguimiento de los enlaces del contenido. Cuando trabajes backlinks con el objetivo de dar autoridad a tu sitio web te encontrarás con links nofollow y llegarás a entender de forma más extensa que implica.

all in one seo noindex

Por defecto en NOINDEX: Nos permite asignar la etiqueta NOINDEX a un tipo de entrada en concreto.

Por defecto en NOFOLLOW: Nos permite asignar la etiqueta NOFOLLOW a un tipo de entrada por defecto.

La activación de las siguientes secciones son aconsejadas por muchas agencias de marketing con el objetivo de evitar duplicidad de contenidos. Por ejemplo, a veces la primera página del blog coincide con la primera página de una categoría y es entendido por Google como contenido duplicado.

Nosotros pensamos, sobretodo en sitios web pequeños, que debe indexarse la totalidad del contenido de la web. Pero para ello necesitamos controlar el sistema de categorías, etiquetas y archivos. Y por supuesto agregar descripción a las categorías y etiquetas para que evite los contenidos duplicados.

Usar noindex para las categorías

Usar noindex para los archivos por fecha

Usar noindex para los archivos de autor

Usar noindex para los archivos de etiqueta

Usar noindex para la página de búsqueda

Usar noindex para la página 404

Usar noindex para los archivos de taxonomías

Usar noindex para las páginas/entradas con paginación

Usar nofollow para las páginas/entradas con paginación

Ajustes avanzados

all in one seo pack ajustes avanzados

Autogeneración descripciones: Esta opción copia el extracto del tipo de contenido en su meta descripción. Una buena manera de evitar que queden sin complimentarse.

Usar el contenido para las descripciones generales automáticamente: En esta ocasión en lugar de utilizar el extracto utiliza el contenido de la entrada.

Ejecutar códigos cortos (shortcodes) en las descripciones autogeneradas: En algunas ocasiones los editores colocan las descripciones entre shortcodes. Esta opción ayuda a tratar el shortcode para que no aparezca como código en la meta descripción.

Quitar las descripciones de las páginas con paginación: Esta opción ayuda a que desapareza del la meta description de las paginaciones desde la página 2.

Nunca acortar descripciones largas: Evitas que el sistema acorte la descripción.

Desproteger los campos meta de las entradas: Desprotege campos meta internos usados con XMLRPC.

Redirigir adjuntos a la entrada a la que pertenecen: Útil para dirigir a los visitantes del adjunto hacia la publicación principal.

Excluir páginas: Al indicar páginas en esta sección serán desvinculadas de la gestión realizada por el plugin All in One SEO. Es decir, no las tendrá en cuenta.

Cabeceras de entrada adicionales: Permite añadir un contenidos que se repetirá en la cabecera de todas las entradas.

Cabecera de página adicionales: Permite añadir un contenidos que se repetirá en la cabecera de todas las páginas.

Cabeceras de portada adicionales: Permite añadir un contenido en la cabecera de la página estática.

Cabeceras de página del blog adicionales: Permite añadir un contenido en la cabecera de la página blog.

Ajustes de palabras clave

all in one seo palabras clave

Las metakeywords utilizadas según esta sección dejó de ser útil para Google. Aun así los sistemas de optimización SEO no las descartan.

Usar palabras clave: Activa las opciones de configuración de keywords en la edición de contenidos.

Usar categorías como Meta Keywords: Incluye la categoría como keyword del contenido que estás trabajando.

Usar etiquetas como Meta Keywords: Incluye la etiqueta como keyword del contenido que estás trabajando.

Genera dinámicamente las palabras clave para la página y archivo de entradas: A las páginas índice de contenido como puede ser el Blog se le asignan palabras clave incluidas en los artículos o páginas que está mostrando.

#3 Social Meta en All in One SEO Pack

Ajustes de portada

Open Graph es una herramienta creada por los desarrolladores de la red social para estandarizar elementos de un sitio web. De esta manera pueden ser interpretados por Facebook con el fin de que tus publicaciones en tu Fan Page se muestren visualmente enriquecidas.

ajustes portada all in one seo

  • Usar la descripción y título de AIOSEO: Esta opción indica que se utilice el título y la descripción indicada en el plugin All in One SEO Pack como title y metadescription de la portada.
  • Nombre del sitio: El nombre del sitio web.
  • Título de portada: El título Open Graph con el que se visualizará en Facebook.
  • Descripción de portada: Indicaremos la descripción Open Graph.
  • Imagen de portada: Indicaremos la imagen de portada Open Graph.

Ajustes de imagen

all in one seo ajustes imagen

  • Elegir el origen de OG:Image: Indicaremos el origen de la imagen Open Graph utilizada por defecto.
  • Usar la imagen por defecto si no hay otra: Indicaremos si utilizará la imagen por defecto en ausencia de imagen en el post.
  • OG:Image por defecto: Indicaremos qué imagen se utilizará de forma determinada por Open Graph.

El resto de opciones nos permiten definir tamaños y campos personalizados.

  • Ancho de imagen por defecto
  • Alto de imagen por defecto
  • Utilizar un campo personalizado para imagen

Enlaces a perfiles sociales

all in one seo pack enlaces perfiles sociales

  • Enlaces a perfiles sociales: Sección donde indicaremos la url de los perfiles sociales.
  • ¿Persona u organización?
  • Nombre asociado: Nombre de la persona u organización a quien perteneces los perfiles.

Ajustes de Facebook

all in one seo facebook

  • ID de administrador de Facebook: Indicaremos la ID del administrador de Facebook.
  • ID de aplicación de Facebook: Indicaremos la ID de la aplicación de Facebook.
  • Generar automáticamente las tags de artículo: Generará etiquetas de artículo en Facebook en función de la las palabras clave meta establecidas en la publicación, las categorías o etiquetas a las que pertenece la publicación.
  • Activar meta de Facebook para tipos de contenido: Elegiremos los tipos de entrada a los cuales se les agrega valores Open Graph.
  • Mostrar el Publisher de Facebook en los artículos: Al indicar la página de Facebook aquí vinculamos los artículos a la misma. Solo funcionará con artículos.
  • Mostrar el autor de Facebook en los artículos: Identifica los autores del artículo por su página de Facebook.

Las siguientes opciones deberían configurarse en función de su cabecera. Por ejemplo entradas son post, páginas son page, etc.

  • Entradas Tipo de objeto (post)
  • Páginas Tipo de objeto (page)
  • Plans Tipo de objeto (plan)
  • Courses Tipo de objeto (course)
  • Lessons Tipo de objeto (lesson)

Ajustes de Twitter

all in one seo pack ajustes de twitter

  • Tarjeta Twitter por defecto: indicaremos si queremos solo resumen o resumen más imagen grande.
  • Twitter del sitio: Indicaremos el nombre de usuario de Twitter.
  • Mostrar Twitter del autor: Identifica a los autores de los contenidos por su usario de Twitter.
  • Dominio de Twitter: Indicaremos el dominio de nuestro sitio web para que se muestre en las tarjetas de Twitter.

Ajustes avanzados

all in one seo social media ajustes avanzados

  • Ejecutar shortcodes en el título: Esta opción asegura que se ejecuten shortcodes al generar el título Open Graph.
  • Ejecutar shortcodes en la descripción: Esta opción asegura que se ejecuten shortcodes al generarla descripción Open Graph.
  • Utilizar el contenido para las descripciones OG generadas automáticamente: Una opción que genera automáticamente las descripciones Open Graph a partir del contenido de la entrada.

Escanear metas sociales

all in one seo escanear meta sociales

Funcionalidades como las de Jetpack, otros complementos o temas pueden pueden generar meta etiquetas Open Graph. Si existieran meta etiquetas Open Graph en conflicto o duplicadas se generarían errores que pueden afectar a los contenidos de tu sitio mostrados en redes sociales.

Debemos seleccionar qué elemento gestionará este tipo de etiquetas y asegurarnos mediante escaneo que no hay.

#4 Rendimiento All in One SEO Pack

Rendimiento

all in one seo pack rendimiento

  • Subir el límite de memoria: Una opción que puede no servir demucho si se ha configurado el límite de memoria en archivo php.ini o en WP_MEMORY_LIMIT del wp-config.php.
  • Subir el tiempo de ejecución: nos será útil si se obtiene errores de tiempo de espera al intentar trabajar elementos desde el panel de WordPress. De todas formas, si hay una relentización del sistema hay que estudiar cual es el motivo antes de modificar esta opción.
  • Forzar reescritura: Esta opción especifica que All in One SEO Pack use el búfe de salida para escribir Meta Titles. Esta opción se ha dado porque algunos temas y plugins reescriben los meta titles después que los genere All in One SEO Pack.

Estado del Sistema

all in one seo estado sistema

Muestra el resultado de un comando PHPINFO ejecutado en el servidor. Proporciona información que puede ser útil para solucionar problemas con All in One SEO Pack.

Cómo instalar wordpress en localhost

Al publicar la Guía de instalación de localhost para WordPress (con WampServer) hicimos posible que puedas trabajar tu sitio WordPress sin conexión y sin riesgos. Te recomiendo que antes de instalar tu WordPress en el localhost tengas en cuenta los consejos del artículo mencionado, algunos son realmente importantes.

Ahora vayamos al grano, en esta ocasión vamos a realizar la instalación WordPress paso a paso en tu localhost Wamp.  Lo primero que debemos hacer es localizar la carpeta www situada dentro de la carpeta de la aplicación Wamp probablemente en tu unidad C: si no has configurado otra, pudes buscar en C:/Wamp64/www o C:/Wamp32/www.

Es muy importante revisar las versiones de apache, php y mysql. Debemos trabajar con las mismas versiones que el alojamiento hosting final o de la web en producción (online).

Si no programas y quieres evitar conflictos entre versiones puedes trabajar en localhost y luego realizar los mismos cambios en el sitio worpdress en producción (online). Comenzamos:

#1 Crear la carpeta del proyecto

Comienza creando dentro de la carpeta www otra carpeta con el nombre de tu proyecto, yo voy a utilizar WPEjemplo. Será el nombre de la web WordPress de ejemplo.

#2 Descargar WordPress

Descargamos la última versión de wordpress (download WordPress) ponemos el archivo zip dentro de la carpeta creada (en mi caso WPEjemplo) y descomprimimos.

#3 Cómo crear la base de datos para WordPress

La instalación wordpress te solicitará los datos de la base de datos. Clica con el botón izquierdo del ratón sobre el icono de Wamp y seleccionamos phpMyAdmin. El usuario es root y no necesitas contraseña. Aparecerá el siguiente panel:

Instalación wordpress localhost phpmyadmin

Sitúate en la pestaña databases y con el nombre que quieras dar a la nueva base de datos la creas (en mi caso WPEjemplo). Si te pide que generes una tabla solo has de poner el mismo nombre que a la base de datos y seguir.

instalación wordpress localhost base datos

Seguimos con la base de datos, ahora vas a crear un usuario con privilegios absolutos sobre la nueva base de datos. Te sitúas sobre la pestaña Privileges y clicas sobre add user account.

En este punto debes indicar el nombre de usuario, la contraseña y marcar global privileges. Estos datos serán solicitados por WordPress.

Instalar wordpress en localhost user base datos

Ya estamos en disposición de instalar WordPress.

#4 Tutorial Instalación WordPress

Ahora te situas en el navegador y clicas la dirección de la ruta de tu proyecto (En mi caso localhost/WPEjemplo). En unos segundos se ejecuta la instalación y te solicitará el idioma. Yo suelo hacerlo siempre en inglés.

Tutorial instalación wordpress idioma

Tras seleccionar idioma te aparece una ventana indicando los datos que harán falta durante el proceso de instalación de WordPress. Puedes indicar seguir let’s go.

tutorial instalación wordpress datos

En la siguiente ventana te solicita los datos de la base de datos que hemos generado anteriormente.  Tan sencillo como cumplimentarlo y añadir nombre a la tabla prefix (en mi caso he añadido wpe).

tutorial instalación wordpress datos bd

Clicas en submit y en la siguiente ventana das la orden de realizar la instalación.

tutorial instalación wordpress inst

Ahora toca definir los datos del usuario de WordPress.

tutorial instalación wordpress usuario

No te olvides indicar email. Una vez instalado te invita a acceder al panel de gestión de wordpressc, le dices que sí y ya pueden entrar en tu WordPress instalado en localhost.

Para próximos accesos usarás localhost/nombredetuproyecto/wp-admin.

Si te ha parecido interesante o quieres realizar alguna consulta comenta, contacta o comparte. Gracias.

Guía de instalación de localhost para wordpress

Una instalación wordpress en localhost tiene sus ventajas y desventajas. En la mayoría de casos el objetivo es aplicar cambios o desarrollo a tu wordpress en un entorno ágil y sin que los errores que se produzcan puedan afectar a la web que tenemos en producción (online).

En este articulo:

  1. Qué es un Localhost
  2. Ventajas y desventajas de tener tu sitio Wordpres en localhost
  3. Localhost con Wampserver, Lamp, Mamp o Xampp
  4. Vagrant by HashiCorp
  5. Guía completa localhost con Wamp

Antes de empezar con la instalación debes plantearte si te conviene o no trabajar en localhost, para ello vamos a plantear que es un localhot, sus ventajas y desventajas.

Qué es un localhost

Se trata de un servidor en nuestro PC con gestor de base de datos y lenguajes de programación. Según el sistema operativo los elementos que lo componen serán unos u otros.

There’s no place like 127.0.0.1

Como dato curioso decir que la dirección IP 127.0.0.1 y la dirección ipv6 ::1 hacen referencia a localhost. Pero sigamos con los elementos que componen el localhost, estos son un ejemplo para linux y windows:

Localhost Linux

  • Normalmente son servidores Apache
  • Lenguaje de programación PHP, Phyton, Perl o JSP
  • Base de datos MySQL o PostgreSQL

Localhost Windows

  • Normalmente son servidores web Internet Information Server (IIS)
  • Lenguajes de programación ASP o ASP.NET
  • Base de datos Access o SQL Server

Si no estás familiarizado con todos estos elementos no es problema, las aplicaciones con las que vas montar tu localhost prácticament lo hacen todo.

Ventajas y desventajas localhost WordPress

Trabajar en localhost te permite desarrollar la web sin conexión, en un entorno realmente rápido y evitar que si generas un problema la web real, la que está online, se vea afectada.

Por contra tienes la gestión de instalar una copia de la web originar en localhost y luego tener que subirla con los cambios aplicados. Se suele hacer con plugins aunque también lo puedes hacer manualmente si tienes conocimientos.

Si hablas con expertos te encontrarás de todo, según el proyecto lo hacen de una manera u otra. Entre los plugins más mencionados en mi entorno encontramos duplicator o all in one wp migration por poner unos ejemplos.

También se suele utilizar plugins de backup como updraftplus, en estos casos debes valorar tanto la facilidad que aporta el plugin para hacer copias como el procedimiento de restauración de copias (algo que se pasa por alto en la mayoría de los casos). Además debes asegurarte que las copias se realicen fuera de nuestro wordpress para no ocupar espacio en el hosting y sobrepasar los límites del servicio.

Base de datos localhost

La mayoría de profesionales coinciden en que el momento de trasladar los cambios desarrollados en localhost wordress a la web real alojada en hosting se complica por culpa de la base de datos.

Un ejemplo, desde el momento que descargamos la copia de la web para ser modificada hasta el momento en la que ya podemos subir la copia de la web con los cambios realizados se pueden haber producido cambios en la base de datos de la web original online. Al subir la copia modificada se perderían datos nuevos de la web original online. Recordad que los datos de la base de datos de WordPress no es solo contenido, también hay datos de usuarios y su actividad en la web.

Ante estos problemas muchos desarrolladores optan por pasar de localhost a hosting de la forma más segura. Muchos bajan una copia de la web, aplican cambios en localhost wordpress y finalmente vuelven a aplicar cambios en web original online. Doble trabajo aunque seguro.

Versiones php, mysql y otros

Cuando configures tu localhost te debes asegurar que lo haces con las mismas versiones de php, MySql, etc. que tiene el hosting donde alojas tu sitio web. De lo contrario puedes tener problemas al realizar la carga de la web al hosting.

Localhost con Wampserver, Lamp, Mamp o Xampp

En este post vamos a montar un localhost con Wamp o Wampserver, un entorno de desarrollo web para Windows con el que puedes crear aplicaciones web con Apache, PHP y bases de datos MySQL database. También incluye PhpMyAdmin y SQLiteManager para manejar tus bases de datos.

Pero hay muchas alternativas, siguiendo la línea de wamp tenemos Lamp para Linux, Mamp para Mac OS X y Xampp para x-os.

  • Wamp Server: Windows, Apache, MySQL y php.
  • Lamp Server: Linux, Apache, MySQL y php.
  • Mamp Server: Mac, Apache, MySQL y php.
  • Xampp Server: x-os, Apache, MySQL, php y Perl.

Si no estas familiarizado con toda esta información debes saber como mínimo que es cada cosa:

  • Sistemas operativos: Windows, Linux, Mac, X-os.
  • Apache es el web server.
  • MySQL es el gestor de bases de datos.
  • php es un lenguaje de programación orientado a objetos.
  • Perl es otro lenguaje de programación que toma características del lenguaje C entre otros.

Vagrant by HashiCorp

Mencionar que para algunos casos puede ser útil plantearse entornos de trabajo algo más avanzados. Supongamos que trabajamos varias webs con localhost WordPress y tienen diferente versión de php algo que no permiten las anteriores aplicaciones. Pues Vagrant es una solución.

Vagrant es un entorno de desarrollo virtual de código abierto y multiplataforma. Nos proporciona entornos de desarrollo fáciles de configurar, reproducir y compartir. Nos permite trabajar diferentes proyectos con diferentes configuraciones.

Instalación Localhost con Wamp

Instalar o configurar el localhost con wamp en windows es realmente sencillo. El primer paso es descargar Wampserver del sitio web oficial Wamp.

La instalación es realmente sencilla pero ten en cuenta dos elementos clave, por un lado elegir una carpeta de ubicación de archivos con capacidad para albergar todos tus proyectos y por otro lado que la versión de php, mysql etc. sea la misma que la de tu servicio hosting (si vas a subir la web vía plugin o ftp).

Vamos al siguiente paso, ejecutamos el archivo de instalación. Lo primero que nos aparece es la selección del idioma.

Instalación wordpress localhost idioma

En segundo lugar las ventanas emergentes de aceptación de licencias e información. Señalamos siguiente en ambos casos.

Instalación wordpress localhost licencia

Ahora te solicitará que indiques la carpeta donde se ubicarán todos tus proyectos. Recuerda escoger una ubicación con espacio suficiente.

Instalación wordpress localhost carpeta

En la siguiente pantalla nos solicitará que indiquemos donde queremos que nos guarde los enlaces de las instalaciones web que hagamos. Deja el valor que indica por defecto.

Instalación wordpress localhost enlaces

Nos visualizará un resumen de las selecciones realizadas hasta el momento. Indicamos Siguiente.

Instalación wordpress localhost previo

Seleccionamos Install y compienza la instalación. Tardará unos minutos.

Instalación wordpress localhost proceso

Nos puede solicitar que indiquemos el navegador con el que queremos trabajar. Por defecto toma Internet Explorer pero podemos indicarle otro navegador. En mi caso opto por Google Chrome.

Instalación wordpress localhost navegador

En la siguiente ventana emergente nos solicita que indiquemos el editor de texto. Podemos dejar el que viene por defecto.

Instalación wordpress localhost editor

Seguirá con la instalación hasta que nos aparezca el resumen de información relevante. Seleccionamos siguiente.

Instalación wordpress localhost informacion

Y por fin finalizamos la instalación del servidor local. Podemos seleccionar finalizar.

Instalación wordpress localhost finalizado

La puesta en marcha del localhost wamp es relativamente sencilla. Primero ejecutamos el archivo exe. Nos aparecerá el siguiente icono de color naranja, lo que quiere decir que el servidor no está en marcha. Una vez iniciado aparecerá el icono verde y cuando lo paremos el rojo.

Instalación wordpress localhost icono

Nos situamos con el cursor sobre él y clicamos con el botón izquierdo del ratón para dar la orden de iniciar todos los servicios.

Instalación wordpress localhost start

Nos parecerá el icono verde, lo que significa que el servidor está activo. Si paramos los servicios nos aparecerá el icono rojo.

instalación wordpress en localhost incono verdeinstalación wordpress localhost icono rojo

Es hora de comprobar que el servidor funciona. Volvemos a clicar con el botón izquierdo del ratón sobre el icono y seleccionamos localhost. Nos aparecerá el panel principal y ya estamos preparados para instalar wordpress.

Instalación wordpress localhost preparado

Plantilla wordpress de calidad

Una de las cosas que más me encuentro cuando me contratan el rediseño web wordpress es el uso de plantillas inadecuadas. Y dejando de lado los aspectos técnicos, que dan para escribir largo y tendido, me sorprende que no tengan en cuenta que la elección de una plantilla worpress y su maquetación implican un trabajo de imagen de empresa o actividad en Internet.

Por otro lado, el tema de wordpress también tiene una repercusión directa en SEO y en gestión. Por ejemplo, supongamos que elegimos una plantilla y dejan de actualizarla… problema. Y si la plantilla no está optimizada…  más trabajo. Y si incorpora un plugin que inicialmente es gratuito pero al año toca pagar y no nos damos cuenta… más gastos.

Para poner un poco de orden lo primero es en valorar las diferentes opciones existentes.

Plantilla de WordPress, Child theme y Frameworks

Sí, el uso de una plantilla wordpress sin más no es la única opción. Veamos algo acerca de los child themes y los frameworks:

Framework & Child Themes

Un marco o framework de trabajo es un conjunto de herramientas o utilidades (biblioteca de código) que facilita el desarrollo de la web al no tener que programar directamente. Se acompañan con un WordPress Child Theme (tema hijo).

Mientras los Frameworks se hacen cargo de la programación, ficheros php, js, etc. y siendo lo que llaman tema padre, un tema hijo se encarga de la personalización CSS, áreas de widgets, etc.

Con el uso de frameworks se consigue que al actualizar el tema padre (framework) no se pierda la personalización de la web realizada en el tema hijo (child theme).

Con un tema estándar tanto programación como personalización están en el mismo lugar pudiéndose perder las personalizaciones al aplicar actualizaciones.

Podríamos entrar a valorar rendimientos SEO entre Genesis Framework y otros Framework pero a eso se le dedicará otro artículo.

Ahora pasemos al siguiente punto…

Plantillas WordPress  Gratuitas

Las plantillas wordpress gratis son un tema complicado por limitaciones y es verdad que en el respositorio de WordPress hay una alta variedad de temas donde podemos optar a una plantilla gratis de una fuente fiable. Pero analiza sus prestaciones y luego compáralas con algún repositorio de plantillas wordpress como Themeforest.

Si realizas una buena elección merecerá la pena pagar 60$ que es lo que vale y la plantilla incorpora actualizaciones mientras la tengan en venta.

Cómo elegir Plantilla WordPress

Aunque una plantilla wordpress tiene muchos elementos a tener en cuenta y es imposible encontrar la plantilla perfecta se puede hacer una buena selección. Mi método de selección de plantilla pasa por recopilar las siguiente información:

  • Empresa que da soporte al theme wordpress y número de productos que tiene a la venta.
  • Número de ventas de la plantilla.
  • Gestión de comentarios, reclamaciones y asistencia a clientes.
  • Fecha de creación.
  • Última actualización y frecuencia de actualizaciones.
  • Compatibilidad con navegadores: Internet Explorer, Firefox, Safari, Opera, Chrome, Edge.
  • Compatibilidad con: wpml, woocommerce, bbpress, gravity forms, events calendar, etc.
  • Compatibilidad con la última versión wordpress y anteriores.
  • Plantillas y demos que se puedan implementar gratis.
  • Por supuesto que sea plantilla wordpress responsive

Con toda esta información estamos en disposición de valorar varias plantillas wordpress responsive y elegir la que más nos convenza.

3 WordPress Themes de mi selección

Para los que lo quieren fácil pueden empezar con estos temas:

  • Avada de ThemeFusion con cerca de 334.000 ventas y un rating de 4,77/5 estrellas (18.438 valoraciones).
  • X | The Theme de Themeco con cerca de 156.500 ventas y un rating de 4,75/5 estrellas (5.901 valoraciones).
  • Bridge de QODE con cerca de 73.600 ventas y un rating de 4,79/5 estrellas (4.027 valoraciones).

Y no entro al detalle puesto que solo hay que darle al enlace para tener toda la información.

¿Quieres crear un sitio web WordPress y obtener buenos resultados?

Pero estás abrumad@ con tanta información sobre Diseño Web WordPress en Internet. No te preocupes, es normal. Entre instalación, plantillas premium, plugins, creación de contenidos, social media, links y un largo etcètera uno se hace pequeño.

Haz lo que hacemos la mayoría, un un planteamiento inicial y luego pasa a la acción.

Para ordenar ideas y seguir un proceso razonable de mejoras e implantación de hábitos que ayuden a tu web hemos pensado en crear esta guía o tutorial wordpress. Si sigues cada uno de los puntos de forma constante cuando te des cuenta habrás avanzado de verdad con tu WordPress.

Estrategia Diseño WEB WordPress

Antes de empezar, identifica el momento en el que se encuentra tu proyecto. Define tu cliente objetivo y estudia la competencia. Hazte preguntas para confeccionar tu estrategia:

  • ¿Has pensando en el objetivo o finalidad del sitio web?
  • ¿Has identificado la competencia y sus estrategias?
  • ¿Quieres un plan de desarrollo, gestión y mantenimiento WordPress?
  • ¿Sabes como preparar el sitio web para implementar el Marketing Digital?
  • ¿Has valorado si tienes los recursos y conocimientos necesarios?

Se trata de decidir qué tipo de web necesitas, su estructura y el trabajo a realizar a posteriori con objetivos claros como conseguir ventas, audiencia de calidad o imagen de marca.

Tutorial Diseño WordPress paso a paso

Ahora sí, tus respuestas para el laberinto de WordPress agrupadas en una serie de artículos que te guiarán en la construcción de un sitio web optimizado y preparado para implementar SEO y Marketing Digital.

#1 REVISA LA PROPIEDAD DE TU DOMINIO

Tus dominios a tu nombre, una regla básica que a veces no se da por culpa de malas practicas por parte de algunos desarrolladores y empresas de servicio de alojamiento web.

#2 LOCALHOST PARA DESARROLLAR TU WORDPRESS

Una solución que te permite trabajar WordPress sin conexión y sin riesgos de romper la web online. Eso sí, has de controlar ciertos aspectos técnicos.

#3 TRABAJAR CON UN SERVICIO HOSTING DE CALIDAD

Hasta dar con un servicio de alojamiento web con un mínimo de calidad pueden pasarnos muchas cosas. Hay que leer la letra pequeña de los aspectos técnicos y asegurarse de que la atención al cliente es decente.

#4 INSTALAR WORDPRESS VÍA FTP O CPANEL

Ya hay empresas de servicio de alojamiento web que mediante sistema cpanel o parecido permiten realizar instalaciones de forma automática. Si no es el caso de su servicio de alojamiento puedes realizar la instalación WordPress vía ftp.

#5 Plantilla de calidad WordPress, child themes y frameworks

Para los recién llegados puede ser un poco confuso distinguir entre theme, child theme y framework. Explicamos la diferencias, un método de selección de plantilla y algunos ejemplos de buenas plantillas WordPress.

#6 MEJORA LA SEGURIDAD DE WORDPRESS

Un conjunto de medidas que harán de tu Wordpres un sitio web mucho más protegido.

#7 EXPLORA LA ESTRUCTURA DE WORDPRESS ANTES DE SEGUIR

Un artículo para recién llegados a WordPress que aporta información acerca de WordPress, sus contenidos, los plugins y las plantillas.

#8 HAZ UNA GESTIÓN DEL MULTIMEDIA EFICIENTE PARA EL SEO

Hay muchos motivos por los que debes cuidarte de gestionar bien los archivos multimedia. Dos básicos, por un lado que puedes agotar el espacio disponible en tu hosting y por otro lado que puedes reducir la velocidad de tu sitio web siendo penalizado por Google.

#9 USA POCOS PLUGINS Y BIEN SELECCIONADOS PARA NO CARGAR TU WORDPRESS

Incluir plugins es tan sencillo como peligroso. Hay que priorizar el uso del menor número de plugins necesarios y controlar sus actualizaciones y compatibilidades. También como afectan al SEO.

#10 DISPÓN DE UNA ESTRATEGIA DE CONTENIDOS SÓLIDA

Lo leerás por todas partes, el contenido es el rey. Y es que trabajar con contenidos de calidad ayuda al posicionamiento orgánico y a lograr objetivos.

#11 DISEÑA LA TIENDA ONLINE ANTES DE INTEGRARLA EN WORDPRESS

Hay que pensar en que productos se van a ofrecer, agruparlos en grupos de manera natural, pensar en la logística, sistemas de pago, seguridad y otros tantos elementos.

#12 MEJORA LA SEGURIDAD Y EL SEO CON HTTPS

Dos motivos por los que utilizar https, información encriptada y Google lo tiene en cuenta para posicionar tu web.

Estos son solo algunos de los contenidos del Curso WordPress desde cero que tenemos en nuestra plataforma e-learning, allí sí con vídeos y archivos descargables. Accede a él contactando con nosotros o haciéndote miembro de Coworking Clandestino, un pequeño clan de personas que trabajamos juntos para mejorar nuestros proyectos, crear nuevos o buscar ideas.

Más Recursos WordPress

Publicamos post cada semana, algunos para responder solicitudes. Únete a nuestra lista de suscriptores, solicita contenidos, recibe actualizaciones e información de nuestras actividades directamente en el buzón de correo.

Si te gusta nuestros contenidos gratuitos HAZ CLIC AQUÍ, descubre lo que tenemos preparado para tí.

Cómo pasar de http a https en wordpress

Antes de hacer un gran cambio en WordPress te paras y piensas en qué elementos se verán afectados. Resulta que al pasar de http a https en WordPress se ve afectado el SEO si no se hace correctamente. Indaga y descubre cosas que suelen pasar con los backlinks.

  • ¿Sabes que debe quedar protegido tanto navegación como panel de control de wordpress?
  • ¿Has pensado en realizar un redireccionamiento 301?¿sabes a que me refiero?
  • ¿Controlas si ha quedado parte de la web desprotegida?
  • ¿Qué hay de Google Search Console y Google Analytics?

Aportamos algunas respuestas con esta guía de migración de http a https wordpres.

#1 PROTEGER EL PANEL DE CONTROL DE WORDPRESS

Hay que proteger el entorno para administradores, es decir, el panel de control de WordPress debe gestionarse desde https. Mediante el panel de gestión hosting de tu proveedor o bien mediante Filezilla modifica el fichero wp-config.php (haciendo una copia del archivo primero) añadiendo la siguiente línea:

define(‘FORCE_SSL_ADMIN’, true);

Para comprobar si ha resultado solo has de visualizar tu sitio web con el navegador y situarte en el panel de control de WordPress. Será correcto si lo ves así:

Diseño WordPress Barcelona Tarragona Londres

Si por el contrario sigues viendo esto:

http a https errores | Diseño web Barcelona Tarragona Londres

Algo no se ha hecho bien. Y existe una tercera opción, que aparezca https en gris lo que significa que hay parte del contenido del sitio web no protegido. Más adelante lo explicamos.

#2 CONFIGURAR URL EN PANEL DE CONTROL Y CPANEL

Desde el Panel de Control WordPress ve a Ajustes → General y revisa:

de http a https wordpress

Por lógica aparecerán con http y lo tienes que modificar a https.

Al hacer este cambio el sistema te sacará fuera del panel de control. Al entrar de nuevo lo harás con https.

Hay un segundo lugar que conviene modificar. Si utilizas un alojamiento con cpanel o similar y has instalado wordpress con esta plataforma debes modificar la instalación a https.

#3 REDIRECCIÓN 301 DE HTTP A HTTPS

Una redirección 301 es un recurso para mover, eliminar y consolidar páginas. Suele ser una solución a problemas en SEO por qué transmite todo el valor del enlace de la antigua URL a la nueva.

Concretamente esto es lo que pasa cuando un buscador encuentra un redireccionamiento 301:

  • Elimina la antigua página de su índice
  • Incluye la nueva página en su índice
  • Transfiere el valor de la antigua página a la nueva

Cómo hacer una redirección 301

Se hace desde el archivo .thaccess, archivo que controla la configuración del servidor. Los pasos son los siguientes:

  1. Localiza el archivo en la raíz del sistema de carpetas de tu sitio (con cpanel o Filezilla).
  2. Haz una copia de seguridad
  3. Abre el archivo con editor de código o un editor de texto como el bloc de notas.
  4. Añade las siguientes líneas:

RewriteEngine On
RewriteCond %{HTTPS} !=on
RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

#4 ACTUALIZACIÓN DE ENLACES INTERNOS

Al realizar el proceso de migración de http a https suelen quedar enlaces internos, muchos configurados manualmente, que apuntan a http y hay que cambiarlos.

Actualización de enlaces internos con plugin

En WordPress existen plugins como Velvet Blues Update urls que te hacen el proceso automático de actualización de enlaces internos de forma automática y es realmente sencillo. Este es el panel de gestión:

¡IMPORTANTE! No marcar la última casilla.

Instala plugin, ejecuta el cambio y una vez terminado lo desinstalas. El resultado es aceptable aunque siguen quedando algunos enlaces internos que apuntan a http.

Actualización de enlaces internos con aplicación externa

Si quieres controlar el estado de los enlaces internos puedes hacerlo con aplicaciones con funciones SEO. Nosotros utilizamos SEMrush y la verdad es que identifica los enlaces internos que apuntan a http a la perfección. Puedes contactar con nosotros si lo necesitas.

Los menús también son enlaces

Revisa menús, widgets y configuraciones del theme. Son lugares donde suelen quedar enlaces rebeldes pendientes de actualizar.

#5 MIXED CONTENT O ZONAS DESPROTEGIDAS

Tras la migración de http a https nos podemos encontrar con lo siguiente:

https wordpress | Diseño wordpress Barcelona Tarragona Londres

Significa que hay zonas no seguras a pesar de haber implementado la encriptación. Tienes que localizar las zonas y resolverlo. En la mayoría de casos son enlaces a imágenes configuradas en el theme premium o parecido.

Cómo localizar y rectificar zonas no seguras

Desde Google Chrome puedes localizar las zonas en Más herramientas → herramientas para desarrolladores y en el panel para desarrolladores en la pestaña Security.

Otra opción útil es hacerlo mediante web app como WhyNoPadLock.

#6 ACTUALIZACIÓN GOOGLE SEARCH CONSOLE

Sí, debes revisar las Google Tools. Para cambiar a https en Google Search Console has de aplicar estas dos acciones:

Crear una nueva propiedad web en Google Search Console

Al pasar de http a https Google entiende que son webs diferentes. A día de hoy la única opción que nos permite Google Search Console es generar una nueva propiedad, esta vez con https.

propiedad search console | Diseño wordpress Barcelona Tarragona Londres

El objetivo estará cumplido, Google ya sabe que nuestro sitio es https. Con el tiempo las estadísticas pasarán de la web http a https.

Carga del sitempa en Google Search Console

Para Google Search Console nuestro sitio https es una nueva propiedad, nueva web y por tanto debemos añadir y comprobar sitemap.

Ve al plugin que te gestiona el sitemap, revisa que la dirección contiene https y relanza el aviso de cambios a Google. Luego ve a Google Search Console y sube el sitemap nuevo.

#8 AVISA A GOOGLE ANALYTICS

Sí, otra herramienta Google a la que tenemos que avisar del cambio. Para pasar a https en Google Analytics ve a Google Analytics → Administrar → Propiedad → Configuración de la propiedad.

 

http a https Analytics | Diseño WordPress Barcelona Tarragona Londres

¿MAS CONTENIDO RELACIONADO CON WORDPRESS?

Si te interesa este tipo de contenido gratuito, HAZ CLIC AQUÍ y descubre todo lo que tenemos para tu WordPress, Marketing Online o tu idea de negocio.

5 Plugins WordPress imprescindibles

Hay gestiones en WordPress que no podemos oviar y podemos resolver con plugins para WordPress.

Los mejores plugins para WordPress

Estos son una pequeña selección de plugins wordpress: All in One SEO Pack, Wordfence Security, Updraftplus, W3 Total Cache y Woocommerce son un ejemplo.

Plugin SEO WordPress: All in One SEO Pack (Michael Torbert)

Con más de 3 millones de instalaciones activas es uno de los plugins más descargados de todos los tiempos. Podemos ver los detalles en la página oficial de All in One SEO Pack donde veremos que nos facilita la implementación de metadatos y configurar como se veran nuestras páginas, artículos, productos al distribuirlos en las redes sociales. Estas son solo algunas de las muchas fuciones que permite, es un plugin de fácil uso para no iniciados en la materia y de gran capacidad para los expertos.

All in One SEO

Plugin Seguridad WordPress: Wordfence Security (Wordfence)

El plugin de seguridad más descargado hasta la fecha con más de 2 millones de instalaciones activas. Con este plugin conseguimos disponer de cortafugos para tráfico malicioso, opciones de bloqueo, seguridad en inicio de sesión, escaneado de seguridad o funciones de supervisión. Ver página oficial de WordFence Security para más detalles.

Wordfence Security

WordPress backup plugin: Updraftplus (Updraftplus & David Anderson)

Plugin con más de 1 millón de instalaciones activas. Podemos configurarlo para guardar nuestras copias de seguridad (base de datos y sitio) en nuestro hosting o en alojamientos externos como Dropbox o Drive, programarlas o realizarlas cuando queramos. Con este plugin podremos restaurar nuestro sitio o incluso migrarlo. Aquí la página oficial de Updraftplus donde podemos acceder a más detalles.

Updraftplus

Plugin Optimiación WordPress: W3 Total Cache (Frederick Townes)

Actualmente más de 1 millón de instalaciones activas. Con este plugin podemos aumentar el rendimiento del sitio web, reduciendo los tiempos de descarga a través de funciones como la integración de la red de distribución de contenido (CDN). Como podemos ver en la página oficial de W3 Total Cache lo recomiendan desarrolladores web y hosts web. Decir que de los plugins mencionados es el que tiene aspectos técnicos más avanzados.

W3 Total Cache

Plugin WordPress eCommerce: Woocommerce (Automattic)

Dispone de más de 3 millones de instalaciones activas. Un plugin sencillo que nos permite gestionar un pequeño eCommerce desde nuestro sitio WordPress. Una solución gratuita muy recomendable para vender productos físicos o virtuales que permite diferentes tipos de pago, gestionar pedidos y stocks. Deberíamos saber que si tratamos información delicada de nuestros visitantes (datos personales y de pago) hay que incorporar el corrrespondiente certificado de seguridad SSL. En la página oficial de woocommerce disponemos de más información.

Woocommerce

Crear productos simples en Woocommerce

Tras ver las diferencias y usos de los productos de Woocommerce disponibles en su versión original vamos a crear un producto simple. Recordemos que …

El producto simple lo utilizamos con productos normales físicos o virtuales sin variantes u opciones adicionales. Nos permite configurar y ofrecer productos descargables virtuales.

Así vamos a crear nuestro producto woocommerce: Crearemos los textos, asociaremos categorías y etiquetas, cargaremos las imágenes, indicaremos precios y descuentos (fijos y temporales), gestionaremos el inventario y los datos de envío.

Nombre y descripciones

Introducir nombre y textos es tarea sencilla, crearlos no tanto. Recuerda que el nombre deben responder tanto al producto en si como a estrategias en función de la competencia que tenga y al posicionamiento SEO.

La descripción corta debe ser persuasiva, es uno de las secciones que nos debe ayudar a vender el producto. En la descripción larga debes explicar que es el producto, sus características y cómo se va a poder utilizar el producto por ejemplo.

Precios y descuentos

Estas son las opciones de precios y descuentos en Woocommerce por defecto:

  • Precio “0”: nos aparecerá el producto como gratis.
  • Precio “x”: Precio normal
  • Precio rebajado (€): Al indicar precio rebajado nos aparecerá el precio original tachado y el rebajado como principal.
  • Horario: es la opción mediante la cual podemos indicar durante cuanto tiempo estará vigente la rebaja.

Precios y descuentos en woocommerce

Gestión de inventario

La gestión de inventario en Woocommerce es muy básica. Simplemente debemos activarla y rellenar los datos:

  • SKU: es el identificador único de un producto o servicio.
  • Cantidad de inventario: Cantidad inicial, cuando se venda el producto restará la cantidad vendida.
  • Permitir reservas: esta opción permite vender productos sin inventario.
  • Estado del inventario: Nos permite mostrar producto como en existencias o agotado.
  • Vendido individualmente: nos permite limitar la compra a una unidad por pedido.

Gestión de inventarios woocommerce

Los envíos

En los ajustes de Woocommerce y concretamente en envíos podemos configurar la zona de envío, las opciones y las clases de envío. En la pestaña envío del producto podremos definir:

  • Peso (kg)
  • Dimensiones: Longitud, Anchura y Altura
  • Clase de envío: Debe crearse en los ajustes de envío de Woocommerce. Responde a clases de envío que se pueden usar para agrupar productos similares  y pueden utilizarla algunos métodos de envío para proporcionar diferentes tarifas a diferentes clases de producto.

envio de productos en woocommerce

Configuración avanzada

Es la última de las configuraciones.

  • Nota de compra: Es una nota que se envía al cliente tras la compra.
  • Orden del menú: Se utiliza para posicionar el orden de forma personalizada.
  • Activa las valoraciones: Nos permite que aparezca la pestaña valoraciones en la ficha de producto y se coloque la valoración media bajo el nombre del producto (aunque esto puede cambiar en función de la plantilla WordPress que se utiliza).

configuración avanzada producto woocommece

La imagen

Por un lado hay que recordar que debe transmitir confianza y debe ser adecuada. Por otro lado debe estar optimizada para SEO:

  • Tamaño: debe ser un tamaño proporcional a la sección que se va utilizar no más grande.
  • Peso adecuado: Podemos utilizar herramientas de optimización como la web Tinypng que nos ayuda a comprimir la imagen.
  • Formato de imagen adecuado: png, jpeg,…
  • Título y descripción: son los grandes olvidados. A las imágenes hay que darles nombre  y descripción para que posicionen.

Tipos de producto Woocommerce

Existen 4 tipos de producto  Woocommerce y cada uno está destinado a una finalidad. Te mostramos cuando utilizarlos y cómo crearlos.

Productos simple

Es el tipo de producto base en woocommerce, lo utilizamos con productos normales físicos o virtuales sin variantes u opciones adicionales. Nos permite configurar y ofrecer productos descargables virtuales.

Ejemplo: Una librería en la cual vendemos libros físicos y ebooks. Podemos crear un producto simple woocommerce para los libros físicos y un producto simple virtual y descargable woocommerce para los ebooks.

Producto agrupado

Es una solución mediante la cual podemos ofrecer varios productos de una vez facilitando la compra al cliente.

Ejemplo: Supongamos que vendemos por separado una cámara de fotos reflex y accesorios para ella como podrían ser bolsa de transporte, baterías y trípode. Mediante la opción productos agrupados de woocommerce podríamos ofrecer a nuestro cliente la compra del pack completo evitando que tenga que ir producto a producto para añadirlos a la cesta de la compra.

Producto externo/afiliado

Destinado a aquellos productos que ofrecemos pero son gestionados directamente por un distribuidos o fabricante sin que nosotros dispongamos de inventario físico.

Ejemplo: Hemos conseguido un acuerdo con una empresa que dispone de un programa de afiliación, mediante producto externo/afiliado de woocommerce crearíamos sus productos con el enlace al producto en su web. Su sistema detecta que la compra viene desde nuestra web y nos asigna la comisión.

Producto variable

Nos permite ofrecer un producto con diferentes alternativas a seleccionar por el cliente en el momento de la compra.

Ejemplo: En la mayoría de tiendas online de ropa nos ofrecen productos donde podemos elegir color o talla. Esto lo conseguimos creando un producto variable de woocomerce al que le definimos un atributo (talla / color) y a estos unos valores (azul, rojo / XL, XXL).

5 Reglas básicas para difundir nuestros contenidos

Tras escribir contenido en nuestro sitio web no nos leen.  Queremos ser visibles, que nos lean, que nos visiten … y no queremos pagar anuncios. Estas son algunas reglas básicas con las que lo conseguirás.

Correcta Configuración SEO

Es fundamental configurar el SEO tanto de nuestras páginas, ítems del portafolio, productos o artículos del blog. Un contenido creado correctamente y con SEO implementado dará resultados a largo plazo gracias a los buscadores.

Al realizar la configuración SEO del contenido también estamos indicando como debe aparecer cuando se difunda.

En WordPress existen plugins como All in One SEO que nos hacen esta tarea realmente sencilla. Este plugin agrega elementos en nuestra edición de contenidos permitiendo indicar el título, la descripción y la imagen que se mostrará al difundir el contenido en Redes Sociales.

Cada tipo de contenido un formato de difusión

No es lo mismo publicar artículos del blog que difundir información de una página que describe un servicio que prestamos. Normalmente para los anuncios se dispone de un Landpage o lo que viene a ser una página específica pensada para que el visitante entre en el embudo de compra. Esto no quiere decir que no podamos difundir en las redes sociales nuestras páginas de servicios o el portafolio.

Normalmente la lectores no quieren que les vendas, quieren información.

Lo ideal es ofrecer algo. Por ejemplo, evitaríamos poner un post en las redes sociales con la oferta directa (eso lo dejaríamos para campañas de pago) y mostraríamos como realizamos los servicios mediante una exposición de los ítems del portafolio o un vídeo. En cada uno de los ítems o en el vídeo se configuraría un enlace a la página del servicio o un formulario de contacto.

Publicar en el momento adecuado

WordPress permite programar cuando un contenido se publicará. Pero lo interesante no es programar la publicación en la sección edición de los contenidos de WordPress, podemos publicarlo directamente cuando lo tengamos creado.

Lo realmente interesante es programar las publicaciones en las redes sociales y entornos que nos interesan en el momento adecuado.

Por ejemplo, si el fin de semana hemos escrito un artículo en el blog y sabemos que si publicamos en ese instante en las redes sociales quizás no se nos haga mucho caso, lo mejor es publicarlo en otro momento. Hay muchísimas herramientas que nos permiten programar las publicaciones en las redes sociales indicando el día y a la hora que queramos. Nosotros trabajamos desde hace tiempo con:

Difundir nuestro contenidos en los lugares correctos

Si realmente se busca que la difusión de contenidos del sitio reporte visibilidad o conversión económica, se deberá mantener una constancia en las publicaciones y publicar en los lugares adecuados.

¿En qué redes sociales está nuestro cliente potencial? Es la primera pregunta que nos debemos hacer en primer lugar. Si estamos empezando es normal no saber en donde publicar, deberíamos conocer un poco las redes antes y luego testear. Lo que está claro es que si nos funciona en una red social en concreto, la deberemos explotar al máximo.

Aprovechar los grupos en las redes sociales suele ser buena táctica y suele generar conversación, algo realmente bueno.

La opinión de los clientes funciona y también se difunde

Si disponemos de opiniones de clientes podemos utilizarlo como un contenido de valor más. No hay nada que transmita más confianza y seguridad que la opinión positiva de un conjunto de clientes.

Muestra estas opiniones junto a la información de tus servicios o tus productos en la web. No lo dudes, cuenta a todo el mundo lo que tus clientes dicen de ti, tus servicios o tus productos.

Acerca de Woocommerce y su Seguridad

¿Tienes Woocomerce en tu WordPress o piensas en instalarlo? ¿Desconoces los Certificados SSL? Entonces este artículo te interesa, te contamos lo que debes saber. Y además un extra al final del artículo, un caso de éxito de tienda online genial.

Seguridad: Certificados SSL

La seguridad es fundamental para la protección de datos. Si nuestra web maneja información sensible debemos protegerla y podemos hacerlo mediante Certificados SSL, un sistema que encripta la información evitando el acceso a ella.

Las tiendas online gestionan información sensible por lo que es imprescindible que disponga de Certificado SSL.

Los Certificados SSL se contratan en planes anuales y se instalan en el servidor. Hay varios tipos de Certificados SSL:

  • Validación de dominio.
  • Validación empresa (incluido dominio).
  • Validación extendida.

El desarrollador debería ser quien elija el más adecuado y quién lo instale en el servidor. Nuestra obligación es saber que debemos tener nuestra tienda online protegida.

Plugin Woocommerce

Con Woocommerce añadimos a nuestro WordPress un eCommerce. Requiere configuraciones iniciales como la zona comercial, la moneda, las formas de pago y los mails automáticos.

Este plugin nos proporciona una sección para el mantenimiento del catálogo de productos y otra sección para gestionar pedidos, cupones, informes, etc. La creación de productos es sencilla y completa, nos permite definir tipos de productos, variantes, atributos, stocks  o productos relacionados.

Productos en Woocommerce

Inicialmente nos encontramos cuatro tipos de productos Woocommerce:

  • Producto simple: Se suele utilizar para productos sin opciones ni variaciones.
  • Producto agrupado: Es un conjunto de productos que se puede adquirir por separado.
  • Producto externo/afiliado: Es un producto que mostramos en nuestra web pero se vende desde otro lugar.
  • Producto variable: Es un producto que tiene variantes (ej. camiseta con elección de talla y color).

La creación de un producto es sencilla pero debe hacerse a conciencia. Nombre, descripción, precio, stock, productos vinculados, SEO, imagen … todo debe estar bien definido y enfocado a cliente, la confianza y la decisión de compra.

Catálogo de productos

El catálogo es nuestro escaparate y por tanto hay que mantenerlo. Hay que trabajar variedad, novedades, buena imagen, navegación intuitiva y sencilla… y el canal por el cual los clientes pueden contactar con nosotros.

Cuando visitamos una tienda queremos encontrar rápido lo que buscamos y que la compra sea sencilla y rápida. Si nos muestra más productos que sean realmente de nuestro interés.

La primera herramienta para conseguir que el cliente encuentre lo que busca son los filtros en forma de menú de opciones de categorías de productos. Pero no debemos conformarnos con eso, hay que complementar los filtros con más opciones:

  • Módulo “Buscar”
  • Listado “Productos más vendidos”
  • Listado “Productos mejor valorados”
  • Listado “Últimos productos vistos”

Todas estas opciones están incorporadas en Woocommerce y se pueden incluir en el catálogo mediante widgets en la barra lateral.

Proceso de compra

El proceso de compra debe ser ante todo seguro, luego sencillo y con los menos pasos posibles.

Los emails automáticos lanzados en cada paso del proceso de compra y entrega del producto son parte de la imagen de nuestra tienda. El formato y diseño han de ser en la línea de nuestro negocio, con logo y la información básica.

Por último, mencionar que prestar un servicio de atención al cliente de calidad durante todo el proceso y dando respuestas a comentarios formulados en los productos o las diferentes secciones de la tienda es algo vital.

IV – #InspirationDay 2013 – Ricardo Lop, Un caso de éxito de tienda online

Un extra motivacional para los que empiezan con las tiendas online: Ricardo Lop, Comerciante virtual. Cómo vender en internet a 22.000 clientes comenzando sin tener ni idea y desde un pueblo de Teruel. Un claro de ejemplo de cómo sacar el máximo provecho al comercio electrónico y aprender rápidamente.