¿Acabas de instalar WordPress e iniciar tu sitio web, pero no tienes idea de qué hacer o qué complementos instalar? En este artículo, compartiré todos los pasos que tomo tan pronto como instale un sitio de WordPress. Una guía completa sobre los primeros pasos para principiantes e incluso usuarios experimentados de WordPress.
Como el artículo es muy extenso, dejaré una lista de pasos para facilitar la navegación. Quizás ya conozca algunos pasos que desea omitir. Sin mencionar que algunos son completamente opcionales y no se recomiendan para todo tipo de sitios web.
En este artículo no te enseñaremos paso a paso a instalar WordPress en tu hosting porque cada hosting es diferente. La mayoría de los hosts tienen formas de instalar WordPress con un solo clic.
Solo puedo resumir que en cuanto descargues wordpress y muevas los archivos a tu hosting, serás redirigido a una página de configuración de las bases de datos de tu servidor y la cuenta de wordpress.
Los consejos de este artículo comenzarán después de que hayas instalado WordPress y hayas iniciado sesión en “/wp-admin/”.
Glosario de términos mencionados en el artículo
Este artículo está lleno de términos técnicos, por lo que dejaremos un glosario de términos mencionados en el artículo para ayudar a los laicos y novatos que no saben mucho sobre computadoras.
Complementos - Extensiones que agregan funcionalidad a WordPress. Con los complementos puedes convertir WordPress en una tienda virtual, foro, área de miembros y miles de otras cosas.
Fuente abierta - Significa que está abierto a modificaciones, cualquiera puede usar y modificar de la forma que quiera. WordPress es un script PHP de código abierto;
CSS - Lenguaje de código que le permite personalizar la apariencia, los colores, las fuentes y el diseño de su sitio web.
SSL o HTTPS - Protocolo de seguridad actualmente obligatorio en todos los sitios que quieren crecer. Hay muchas formas de habilitar https en su sitio web, una de las cuales es usar el Runcloud o Let'sEncrypt.
CMS - Content Management System son sistemas de gestión de contenido. Scripts que instalas en tu servidor de hosting y puedes gestionarlo a través de un panel administrativo. WordPress es uno de los CMS más grandes de todos los tiempos.
CONOCIENDO WORDPRESS
Quiero evitar hablar de los conceptos básicos de WordPress, en este artículo solo quiero presentar la configuración que hago en mi instalación de WordPress y compartirla con otros. Aún así, resumiremos las funciones de wordpress.
Básicamente, WordPress se divide en páginas, publicaciones (que son artículos), categorías, medios y comentarios. Usted mismo debe decidir cómo funcionará su sitio web y crear sus páginas y categorías de acuerdo con sus necesidades.
WordPress también ofrece complementos y temas para transformar su funcionalidad principal (blog) en un sitio web rico con infinitas posibilidades. Puedes crear tiendas, foros, redes sociales o básicamente cualquier cosa con WordPress.
Es de código abierto, lo que permite a las personas desarrollar funciones adicionales para hacer de WordPress una de las mejores herramientas en la web. Realmente no conozco ninguna otra plataforma o CMS tan bueno como WordPress.
Si desea aprender a crear artículos, cargar imágenes u otras funciones básicas de WordPress, ese no es el objetivo del artículo. El propósito de este artículo es solo enseñarle qué pasos debe seguir para mejorar su instalación de WordPress.
Configuración de enlaces permanentes y miniaturas de WordPress
Lo primero que debes hacer después de instalar WordPress es configurar los Enlaces Permanentes. Por defecto, WordPress muestra la fecha y el nombre de la entrada, pero recomendamos dejar solo el nombre de la entrada para mejorar el SEO.
Solo accede ajustes > Enlaces permanentes y luego marque la opción Nombre de la publicación.
Si tu WordPress no está en portugués, aprovecha el momento para acceder a Settings > General y elegir entonces el idioma que deseas en tu WordPress. No olvides guardar los cambios…
Aprovechando que estás en la configuración, intenta acceder al menú Configuraciones > Medios para configurar las imágenes que WordPress genera al subir a la galería. Las configuraciones de Medios generan 3 tamaños de imagen: miniatura, medio y grande.
Recomendamos colocar 0 en tamaños medianos y grandes para evitar que WordPress cree imágenes innecesarias al llenar su servidor de imágenes. En la miniatura suelo poner 375x175 y marca la opción separar!
INSTALACIÓN Y CONFIGURACIÓN DE JETPACK
Jetpack es un complemento creado por desarrolladores de WordPress y ofrece muchas cosas en un solo complemento. Widgets, bloques de editor, revisión de artículos, CDN propio, sistema de comentarios, publicación de Facebook y muchos otros.
Muchas instalaciones de wordpress ya vienen con el plugin activado o instalado, de lo contrario, simplemente accede a Plugins > Añadir nuevo y busca el Jetpack. Después de instalar y activar el plugin, se te invitará a una pantalla para configurar y activar.
Jetpack ofrece opciones premium que en mi opinión no valen la pena. Elija la opción para continuar usando Jetpack gratis ya que ofrece todo lo necesario para su sitio web. Una vez activado, simplemente acceda a la configuración para continuar.
En Rendimiento y velocidad activar ambas opciones en activar el acelerador de sitios web. Entonces, el sitio cargará imágenes y archivos CSS y JS en un CDN, acelerando la carga de su sitio y evitando consultas en su servidor.
Existen otras opciones como el carga lenta para imágenes o carruseles de imágenes, pero prefiero dejar estas opciones desactivadas para no tener incompatibilidad con temas o plugins de caché.
En la solapa Escribiendo de Jetpack suelo activar solo la opción: Revisa la ortografía, el estilo y la gramática.
Ya en la pestaña Compartir suelo utilizar la opción de compartir en las redes sociales, pero dejo el trabajo de los botones de compartir con otro plugin llamado AddToAny.
En discusiones activo los comentarios y suscripciones, pero algunos prefieren usar el sistema de comentarios de DISQUS que recomiendo encarecidamente. Desafortunadamente, DISQUS se volvió de pago para mi sitio, así que estoy obligado a usar el estándar de WordPress + Jetpack.
En Tráfico activo los posts relacionados y mapas del sitio. En la pestaña Seguridad activo la protección contra ataques de fuerza bruta. Estas son las configuraciones básicas que activo en todos mis sitios que utilizan WordPress.
Instalación de un complemento de SEO y CREACIÓN DE SITEMAPS
Ahora ha llegado el momento de instalar una de las cosas más importantes de su sitio, el plugin de SEO (Search Engine Optimization), el sistema que optimizará su sitio para los motores de búsqueda como Google, Bing y Yahoo.
Uno de los más populares es el SEO by Yoast, que es totalmente gratuito, solo hay que instalarlo y configurarlo como desees. No hay muchas cosas para configurar en el plugin, yo prácticamente activo todas las opciones de la pestaña de recursos en la configuración del SEO by Yoast.
Lamento interrumpir este artículo, pero descubrí un complemento de SEO todo en uno mejor que Seo de Yoast, escribí un artículo hablando de ello, lea sobre el plugin Rank Math SEO haciendo clic aquí.
SI EL es una de las cosas más importantes para el éxito de su sitio web. Es posible que necesite un artículo más grande que este para explicar todo sobre SEO y cómo ayuda a las personas a encontrar su sitio a través de Google.
Además de SEO by Yoast, también necesita instalar otros complementos que puedan mejorar el SEO de su sitio web, como:
- Imágenes amigables con SEO - Crear un XML de imágenes;
- Feed del mapa del sitio de Google Video - Crear un XML de videos;
No es suficiente instalar estos plugins de SEO mencionados y listo, también necesitas añadir tu sitio en Search Console de Google y enviar todos los Sitemaps y Feed RSS para ayudar a Google a localizar tu sitio y hacerlo relevante.
No necesitamos enseñar paso a paso cómo registrarse en Search Console porque Google ya lo hace al configurar su sitio. Una vez que haya configurado y verificado su sitio, acceda al menú Sitemaps para enviar los enlaces XML y RSS de su sitio.
Si has instalado SEO by Yoast y activado los sitemaps de Jetpack, encontrarás los siguientes enlaces:
- alimentar /
- sitemap_index.xml
- sitemap.xml
- sitemap-1.xml
- image-sitemap-index-1.xml
- news-sitemap.xml
- image-sitemap-1.xml
- sitemap-video.xml
Simplemente agregue todo eso en la sección SiteMaps de Google Search Console y su sitio estará 100% listo para clasificar en Google. Ahora puedes concentrarte en crear contenido de calidad, pensando completamente en SEO.
ELEGIR Y CONFIGURAR SU TEMA
Es complicado ayudar a todos los lectores en esta parte, ya que cada uno debe haber elegido un tema (diseño) diferente para el sitio de WordPress. Si aún no ha hecho esta elección, recomendamos encarecidamente el Generate Press.
Muchos que comienzan un sitio de WordPress buscan un tema gratuito, pero lamentablemente la mayoría de los temas gratuitos son totalmente limitados y siempre te muestran anuncios para comprar una versión premium del tema.
También debe tener cuidado al elegir un tema pago, ya que algunos terminan defectuosos o lo limitan a algo que desea hacer. Recomendamos encarecidamente comenzar con un tema pago, pero debes elegirlo sabiamente.
Es por eso que recomiendo el Generate Press, porque es 100% personalizable, ultra ligero, permite desactivar módulos y también ofrece licencia para un número ilimitado de sitios. Después de haber comprado y perdido horas personalizando unos 10 temas premium, finalmente encontré el Generate Press y me quedé tranquilo y despreocupado.
Si decides usar Generate Press, nuestro artículo sobre él también enseña consejos y configuraciones que utilizo. Espero que elijas tu tema con sabiduría, porque trabajar con temas en WordPress es una de las cosas más estresantes que existen.
Siempre recomendamos usar el NIÑO del tema que elijas. Esta versión depende del tema original, pero le permite agregar código CSS y PHP sin afectar el tema original, lo que le permite actualizar el tema sin perder sus cambios.
Elija siempre un tema receptivo que se adapte a los teléfonos celulares, en el futuro también recomendamos investigar e implementar un tema AMP (Acelerar la página móvil) en su sitio web.
EDITAR Y PERSONALIZAR SU CSS
Voy a considerar que ya tienes tu tema de WordPress en la versión child activada. Ahora compartiré algunos códigos CSS y PHP para que los agregues en tu WordPress con el fin de resolver muchas cuestiones que los dueños de sitios suelen enfrentar.
Para añadir un código en tu tema child, necesitas acceder a “Apariencia > Editor” donde por defecto ya se abrirá el tema activado en la página para editar el CSS. En la pantalla a continuación, añades las personalizaciones de tu CSS y PHP directamente en el tema Child.
Uno de los códigos más importantes, en mi opinión, es el que hace que la tabla de WordPress sea responsiva. Con el código a continuación, las tablas de tu sitio pueden ser manipuladas deslizando con el dedo en los dispositivos móviles. Permitiendo la creación de tablas con muchas columnas sin necesidad de preocuparse.
@media only screen and (max-width: 840px) {
table {
margin-bottom: 0;
overflow: hidden;
overflow-x: scroll;
display: block;
white-space: nowrap;
}
}El siguiente código bordea las tablas:
table, th, td {
border: 1px solid #ddd;
}
tr:last-child td, tr:last-child th {
border: 1px solid #ddd;
}El siguiente código corrige problemas con Bold que no aparece en algunos temas debido a la falta de la etiqueta .trong o .b:
.bold
{
font-weight:bold;
}
strong { font-weight: bold;}Estos fueron solo algunos ejemplos, puede realizar cambios en el diseño a través de la consola de su navegador e implementar los códigos CSS que desee en esa página.
EDITAR Y PERSONALIZAR SUS FUNCTIONS.PHP
En el mismo editor de temas que usaste para editar el CSS, vas a agregar códigos que realizan determinadas funciones en WordPress o en el tema dentro del archivo llamado functions.php que se encuentra en tu tema hijo.
Con el siguiente código, excluye una de las categorías de su sitio para que no aparezca en la página de inicio. Simplemente edite el ID de categoría en el código a continuación. Puede obtener este ID (número) en el ENLACE cuando edite una categoría dentro de WordPress.
function excludeCat($query) {
if ( $query->is_home ) {
$query->set('cat', '-675');
}
return $query;
}
add_filter('pre_get_posts', 'excludeCat');El siguiente código hace que las miniaturas de la lista de artículos de algunos temas también se alojen en Jetpack CDN o PHOTON:
add_filter( 'jetpack_photon_override_image_downsize', '__return_true' );El siguiente código crea una opción en el menú que muestra todas las configuraciones avanzadas de WordPress. No es un código completamente necesario, pero puede que te guste.
// CUSTOM ADMIN MENU LINK FOR ALL SETTINGS
function all_settings_link() {
add_options_page(__('All Settings'), __('All Settings'), 'administrator', 'options.php');
}
add_action('admin_menu', 'all_settings_link');Al igual que en CSS, puede buscar en Internet o en nuestro sitio web códigos que realicen una función determinada en WordPress o el tema del sitio. Úselo sabiamente y tenga cuidado con los códigos incorrectos que pueden molestar al sitio.
INSTALACIÓN DE UN PLUGIN CACHE
Otra cosa muy importante que debes hacer al instalar WordPress es utilizar un Plugin de Caché. Hay varios plugins de caché, yo uso WP-ROCKET, que es de pago, pero como estás comenzando, hay muchos plugins que puedes utilizar.
Los complementos de caché permiten que los visitantes carguen su sitio rápidamente sin usar demasiados recursos de su servidor o consultar bases de datos. Algunos complementos crean una versión ligera de la página en HTML o comprimen los archivos para hacerlos más ligeros.
Uno de los más simples y fáciles de configurar es el WP-Fastest Cache, seguido de los plugins W3 Total Cache y Wp Super Cache, estos son los plugins de caché más populares.
Dependiendo del alojamiento que utilice, también puede habilitar el almacenamiento en caché de NGINX, Memcached, Redis o LiteSpeed Cache. Además de la caché de página tradicional, algunos complementos ofrecen Minify que agrega o reduce el tamaño de los archivos JS y CSS.
Si el plugin de Cache que elijas no incluye Minify, intenta usar plugins como Autoptimize. Ten cuidado al configurar Minify, porque algunos temas o plugins pueden no ser compatibles; quizás tengas que incluir algún JS en la lista para que el plugin lo ignore.
La configuración que realizó en Jetpack también ayudará a que su sitio web se cargue rápidamente sin usar los recursos de su servidor. Algunos intentan recurrir al uso de CDN como CloudFlare, pero Jetpack es prácticamente un CDN.
PLUGINS QUE RECOMIENDO PARA TU WORDPRESS
Ya recomendé algunos complementos a lo largo del artículo, pero hay algunos más específicos que creo que son esenciales y obligatorios en cada instalación de WordPress que uso. Hablaré brevemente sobre cada uno de ellos (ni siquiera pondré enlaces, busque en su sitio de WordPress para una fácil instalación).
Redirección o Redirección rápida de página / publicación - Estos 2 complementos son idénticos, puedes elegir lo que más te guste, siempre usé Quick Page, pero recientemente encontré Redirection que está más actualizado. Su objetivo es crear enlaces que redirijan a alguna otra página. Además de los enlaces internos, puede crear enlaces en su propio dominio para redirigir enlaces de afiliados u ocultar enlaces gigantes de otro sitio.
Contenido Egg Pro - Recomiendo este complemento pagado para aquellos que deseen vender productos de afiliados, libros de Amazon o productos de otras redes de afiliados. Escribí un artículo sobre este complemento, al hacer clic en su nombre accedes a nuestro artículo.
Teletransportador de imágenes o Carga automática de imágenes - El propósito de estos complementos es guardar una imagen pegada de Internet directamente en su servidor. Esto elimina la necesidad de guardar la imagen en su computadora y luego cargarla. El segundo complemento es más completo y actualizado, pero tuve algunos problemas de compatibilidad.
AddToAny Share Buttons - Uno de los mejores complementos gratuitos para compartir en redes sociales que conozco. Aquí puede configurar fácilmente los botones de redes sociales laterales flotantes y al principio y al final de los artículos.
Verificación de estado y solución de problemas - Complemento creado por desarrolladores de WordPress, crea una versión de prueba del sitio para que usted deshabilite o cambie complementos y temas y descubrí lo que realmente está causando problemas en su sitio.
Otras configuraciones de WordPress
Existen otras configuraciones personales que se pueden hacer en WordPress. Por ejemplo, tal vez quieras agregar un avatar a tu cuenta a través de Gravatar. Solo tienes que crear una cuenta usando el mismo correo electrónico de admin en el sitio de Gravatar. También puedes cambiar tu avatar por defecto accediendo a Configuraciones > Discusiones.
Otra cosa muy importante que debes hacer es activar el SSL HTTPS de tu sitio. Todo dependerá del alojamiento o servicio que utilices. Existe el famoso Let’s Encrypt que es gratuito.
Esté atento a todas las configuraciones para definir otras cosas como permisos de discusión, zona horaria, registro de usuarios y otros. Después de haber hecho todo esto, solo céntrate en crear contenido y difundirlo en las redes sociales.
Por supuesto, para recibir comentarios sobre su sitio, le recomendamos leer nuestros artículos sobre marketing por correo electrónico, SEO y muchos otros artículos más específicos en WordPress. El propósito de mi sitio web es compartir todo mi viaje con sitios web y cómo me gano la vida con eso.
Si te gustó el artículo, compártelo con tus amigos y deja tus opiniones en los comentarios. Me llamo Kevin y ¡hasta la próxima! También echa un vistazo a nuestros otros sitios de contenido como skdesu.com y aprenderpalavras.com para que tengas una idea de cómo trabajo con WordPress.