homefinance blog
En 2017, la compañía en la que estaba trabajando tuvo la oportunidad de aprender el diseño web. Comencé a aprender HTML, CSS y JavaScript. Me gustó mucho. Hasta que encontré mis primeros errores. Más tarde, se me asignó un proyecto secundario: un sitio web real. Estaba encantado, mis colegas estaban allí para mí cuando pedí ayuda. Unos meses más tarde, estaba trabajando en una misión pro-bono WordPress para una ONG. Permítame decir que estaba en el mercado turístico y que estaba haciendo marketing. Pero había esta cultura del empoderamiento de las personas en el aprendizaje de nuevas habilidades. Soy de tipo bricolaje y me di cuenta de que la curva de aprendizaje para el código de aprendizaje es mucho más larga de lo esperado. Con WordPress, las cosas funcionaron de manera diferente.
Rápidamente antes, en 2020, pude trabajar para los factores de decisión de Colibri, Colibri era una popular WordPress arrastrar y soltar páginas. Las cosas son tan fáciles hoy con tales herramientas. WordPress puede empoderar a las personas para crear un sitio web desde cero en el menor tiempo. Y la inspiración para los sitios web es solo … en todo Internet. Ahora aquí están los pasos:
Elija su nombre de dominio
Sitio web del sitio web de compra
Familiarícese con la interfaz de WordPress
Instale un tema de WordPress
Cree su sitio web de WordPress
Instalar complementos vitales de WordPress
Dado que no es suficiente tener algunos pasos para tener un sitio web SupercalifungilisticXpialidoc, tengo una ventaja para usted al final de la guía: consejos y trucos de diseño de UX.
Pero antes de ir al tema, quiero dar una luz sobre otro tema. No pasará mucho tiempo, lo prometo. ¿Cuánto cuesta un sitio web de WordPress? Si necesitamos hacer un desglose de costos para un sitio web de WordPress, esto es lo que debemos incluir: comprar un dominio: los precios pueden comenzar desde $ 15 / año
Compra de alojamiento: los precios comienzan en $ 8 / año
Tema de WordPress. Ahora, dependiendo de los niveles de personalización y cuántas funciones desea incluir, puede comenzar con $ 0. Si no desea configurar un sitio web básico, los planes temáticos anuales de WordPress giran alrededor de $ 70.
Complementos de WordPress. Muchos de ellos son gratuitos, pero si desea opciones avanzadas, deberá actualizar a un plan de pago.
Esto significa que el sitio web más básico comenzará en $ 23 / año. Cuando desee funciones temáticas avanzadas, el costo aumentará a aproximadamente $ 100 / año.
Cuando actualiza los complementos, puede terminar pagando alrededor de $ 200-500 por año. Si desea algo personalizado y tiene que llamar a un desarrollador de WordPress, los costos pueden exceder los $ 1000 en el primer año. La seguridad es la más importante. Ahora, cuando hemos aclarado esto, es hora de llegar al final de nuestro tema hoy: cómo crear un sitio web de WordPress en 2021. 1. Elija el nombre de dominio
Fuente: https://unsplash.com/photos/n1xuwr8iof0
Si aún no sabía esto, el nombre de dominio es el nombre o el nombre del producto de la empresa. El nombre puede ser realmente fuerte, así que no se apresure cuando elija el nombre de dominio. Si siente que sus pies salen, no se preocupe, hay herramientas allí que pueden ayudarlo. Consejos y trucos para elegir el nombre de dominio del sitio web hace algún tiempo, estaba haciendo una lluvia de ideas para un sitio web para un negocio y me di cuenta de que “Wazz” suena bastante interesante. Es corto, fácil de recordar. Pero en el momento en que busqué en Google, bueno … déjame decirte, me reí. En la jerga británica, significaba “micción”. Muy buenas personas, investigue. Más tarde, quería llamar a mi sitio de fotos. Analizamos la “luz de la luna”. Lo encontré tan hermosa, romántica, historia … excepto que no lo era. Parece que significaba “alcohol o contrabando ilegalmente destilado”. Así que asegúrese de que su cita sea única, memorable y no tenga un significado extraño en inglés o en otro idioma popular (por ejemplo: español) si desea internación. Si eres una empresa local, puedes omitir esto. Ahora veamos una pequeña lista de verificación para elegir un nombre de dominio para su sitio de WordPress:
Haga una lista de palabras clave relevantes para su negocio / producto. Piense en cómo los usuarios deben sentirse después de usar el producto. Supongamos que tiene una línea de productos para la piel basada en ingredientes naturales. Su lista puede contener palabras como “cuero”, “cuidado”, “seguro”, “natural”, “hermoso”, “fresco”, etc. Use una herramienta como Namelix o Novanym para generar ideas de nombres de dominio. Verifique el significado del nombre de dominio recién encontrado. Siempre busco Google, ya que significa “{Ingrese el nombre aquí}”. Llegaré a las explicaciones del diccionario. Luego voy a Google Images y veo cómo encaja. Tal vez hay un cantante con este nombre, un nombre de dibujos animados de manga, etc. Si es así, deberá restaurar el proceso.
Busque el nombre de dominio en Facebook o LinkedIn para ver si hay una página de negocios con ese nombre.
Verifique que haya un sitio de sitio disponible para la venta. Para muchos sitios, “.com” es la mejor área de nivel superior (TLD), seguido de “.org”, “.net” o “.io”.
Comprar nombre de dominio. Puede hacer esto a través de un registrador de dominio, como GoDaddy o su proveedor de anfitrión.
Y esto nos lleva a nuestro próximo capítulo. 2. Compre el sitio web del sitio web Cada sitio web que haya visitado está alojado en un servidor. Esto significa que deberá comprar alojamiento web de un proveedor de host. Dado que construimos un sitio web de WordPress, puede elegir un plan de alojamiento de WordPress.com u otro proveedor de alojamiento de terceros. Permítame eliminar algo antes de continuar. Hay wordpress.com y wordpress.org. La diferencia es que en WordPress.com puede alojar y crear un sitio web. Desde WordPress.org, generalmente obtendrá temas y complementos para su sitio, que está alojado en otro lugar. Puede comparar los planes de WordPre.com aquí. Esta guía es que realmente desea construir una marca y tener el control total sobre su sitio web. Esto significa que irá a un proveedor de alojamiento de tercera parte. Hay tres servicios de alojamiento principales: sombra compartida, VPS y alojamiento administrado. En la primera situación, los recursos del servidor se dividen entre varios sitios. A largo plazo, si estos sitios crecen, así como los suyos, puede tener problemas de rendimiento. Puede darse cuenta de que necesita un servicio VPS o un plan de alojamiento administrado. Por lo tanto, debe considerar esto cuando elija un proveedor de alojamiento: ¿cuáles son sus objetivos comerciales?
Si va con el alojamiento de VPS, los recursos continuarán siendo compartidos, pero obtendrá un cierto control sobre ellos.También verá mejoras en seguridad y rendimiento.El alojamiento administrado es una especie de servicio de “libro”.Obtendrá su propio servidor físico para usted y verá un aumento en el rendimiento y la seguridad.Ciertamente, las cosas pueden ser más complicadas que esto, pero solo quería pintar la imagen general del alojamiento.Luego, cuando analice los planes, eche un vistazo más de cerca: precios
Almacenamiento
Apoyo
Actuación
Algunos proveedores de alojamiento tienen algunas características adicionales, como proporcionar dominios (por ejemplo: Namecheap), Generador de sitios web (por ejemplo: Godaddy), opciones de comercio electrónico, etc.
Ahora, probablemente haya notado algunos sitios web que usan “HTTP” o “HTTPS” hasta ahora. ¿Qué pasa con ellos? HTTP es la base de la web moderna. Conecte los navegadores y servidores y opere con una solicitud de respuesta. Ahora, “S” adicional significa que la conexión con el sitio web está encriptada y los datos compartidos con el sitio web son seguros. Supongamos que un usuario realiza un pago en su sitio web o se conecta a una cuenta. La información que ingresará el usuario será privada. Seguro de hackear. Esto sucede a través de la tecnología SSL, que significa “capa de enchufes seguros”. Para los consumidores, consulte “HTTPS” señala confianza, porque puede proteger sus datos y privacidad. Esto significa que deberá obtener un certificado SSL. Asegúrese de que el plan elegido por usted también incluya esto. Cuando adquiere su plan de alojamiento y ha configurado los detalles de la autenticación, la única pieza faltante será WordPress en sí. La mayoría de los proveedores de alojamiento allí le permiten instalar WordPress desde su tablero / asistente. Todo es bastante intuitivo. ¿Cómo se conectará a su sitio? Fácilmente campesino. Simplemente ingrese la dirección de su sitio web en su navegador y agregue “/ WP-Admin”, como se ve a continuación. 3. Familiarícese con la interfaz de WordPress, el tablero de WordPress tiene 9 secciones. Vamos a ver. Configuración de WordPress
En esta sección, todavía hay 7 artículos en el menú. Describiré brevemente las cosas más importantes que se deben hacer aquí.
Bajo el “general” puede configurar el título del sitio, el eslogan, la URL, la zona horaria, el formato de la hora y la lengua.
En “Lectura”, “dirá” WordPress, qué página sirve como página inicial y cuál es su “blog”, este es un paso importante. También elegirá cuántas publicaciones de blog pueden aparecer en una página o si desea que Google indexe su sitio.
En los “medios” puede establecer las dimensiones máximas en píxeles para usar al agregar una imagen a la biblioteca de medios.
En “enlaces permanentes”, configurará el formato de las direcciones de URL.
Puede definir las páginas de la Política de privacidad en “confidencialidad”.
La mejor manera de abordar el panel “Configuración” es ingresar todos estos elementos y completar la información faltante, solo para asegurarse de no omitir nada importante. Las cosas son bastante simples, así que no se enfríen. Toda la configuración se puede realizar en menos de 30 minutos. Páginas y publicaciones de WordPress que necesita saber es que su contenido ingresará “páginas” o “publicaciones”. Aquí gastarás el 95% del tiempo. Las “páginas” son estáticas. Puede tener una “página de inicio”, “Servicios”, una página de “Contáctenos”, obtendrá la idea. En las publicaciones, puede tener los últimos elementos del blog, tal vez su cartera. Estas son páginas dinámicas porque colocan automáticamente el contenido más nuevo de su sitio web en la parte superior.
Al seleccionar “publicaciones” del tablero, podrá crear una publicación, ver todas las publicaciones y administrar etiquetas y categorías.
Puede crear una nueva publicación si selecciona “Agregar nuevo” como se ve arriba o acceder a “todas las publicaciones” y luego seleccionar “Agregarnos”.
Lo mismo funciona para páginas. ¿Qué verá en “todas las páginas” o “todas las publicaciones” son algunas páginas y publicaciones predeterminadas implementadas por su tema, cómo puede editar una publicación o página? Cuando pasa el mouse a través de las páginas y publicaciones predeterminadas, verá algunas opciones: edición, edición rápida, basura, vista. En la captura de pantalla anterior también se “editó en chozas”. Esto se debe a que hemos instalado un complemento que le permite personalizar las páginas usando el generador de colibri de WordPress (pero hablaremos un poco más tarde sobre esto). Media WordPress Todos los contenidos de los medios están aquí: imágenes y videos. Puedes sacarlos y colocarlos o subirlos.
También puede agregar contenido multimedia desde el nivel de publicación / página. Te mostraré más sobre este tema más tarde. Comentarios de WordPress La cuarta sección del tablero se llama “comentarios”. Aquí puede manejar los comentarios de sus publicaciones. Recibirá toneladas de comentarios de spam que se pueden trasladar a spam o basura. Puede aprobar los relevantes.
El menú “apariencia”
En este nivel puedes:
Busque, instale y active un tema (más detalles en el próximo capítulo).
Personalice los widgets para agregar bloques de contenido a barras laterales, sótanos y otras áreas de su sitio.
Defina los menús de su sitio de WordPress.
Agregue una imagen de fondo a su sitio.
Edite su código de tema en “Editor de temas” (recomendado solo si es un desarrollador).
Ahora, cuando activa ciertos complementos, puede ver algunos elementos de menú nuevos en “Apariencia”. En este caso, debido a que activamos el tema del horizonte, vemos una opción para configurarlo en “Configuración de SkylineWP”. Cada tema puede encontrar su propia configuración. “Instalar complementos” es el otro elemento de menú adicional agregado por Skyline Temo. Aquí verá algunas recomendaciones de complementos que funcionan bien con Skyline. Esto nos lleva a nuestro próximo elemento de menú. Los arados son muchas funciones que no se pueden administrar solo en temas, como la optimización de SEO, la auditoría de SEO, los sitios web de seguridad y respaldo, tablas, formularios, funciones comerciales electrónicas y más. Los complementos están aquí para compensar la falta de tales opciones. Aquí hay un pequeño tutorial sobre cómo instalar, activar y deshabilitar los complementos. Todo es intuitivo y fácil de usar.
usar
En este nivel, decidirá quién tiene acceso a su sitio web. Puede proporcionar acceso a colaboradores, autores invitados, editores y más, dependiendo de sus necesidades.
Según las “herramientas”, tendrá la opción de importar y exportar los datos de los instrumentos hacia y desde otros sistemas de administración de contenido (por ejemplo, blogger). También hay una sección “Sitio Health”, que le muestra información crítica sobre la configuración de WordPress y los elementos que necesitan atención, con algunos consejos. O eliminar datos personales para sus usuarios y, con esto, he concluido el capítulo de la Junta de WordPress. Llegemos a un negocio más interesante. 4. Cómo instalar un tema de WordPress para esto, debe acceder al tablero del administrador de WordPress, haga clic en la “apariencia” en el menú izquierdo, luego “temas”. Luego haga clic en el botón “Agregar nuevo”. Verá muchas plantillas que aparecen y puede filtrarlas después de las últimas características, popularidad … o por características.
Estamos orgullosos de decir que nuestros propios temas de mesméris y cabaña se enumeran en los primeros 20 temas de WordPress más populares. Cuando elija un tema, haga clic en “Instalar”, luego “Habilitar”.
También puede activar su tema de WordPress si se está moviendo a temas. Todo el proceso de instalación también se explica en nuestro tutorial.
¡Ahora estás listo para hacer rock and roll! A través de GIPHY 5. Cree su sitio web de WordPress en WordPress, el diseño de su sitio web depende del tema elegido.Si necesita algo adicional, bueno … tal vez tenga que encontrar algo para completar las características faltantes.Por lo general, cada tema de WordPress tiene 2 modelos: uno para blog y otro para páginas.Los colores son limitados, no hay personalizaciones especiales.Esto significa que, en un momento, los complementos serán útiles.Ahora, los temas de WordPress tienen un personalizador de temas con funcionalidad básica.Son adecuados para aquellos que no necesitan funciones personalizadas y desean construir su sitio muy rápidamente.Cuando lo necesite, puede agregar sus propios estilos CSS.Asegúrese de elegir un tema que tenga un aspecto que coincida con su propia visión.¿Cómo puedes personalizar un tema?Solo tienes que acceder a la apariencia-> Personalización.
Desde la izquierda, puede elegir qué cambiar: contenido, menú y más. En el lado derecho, es la vista previa de su sitio web. Puede cambiar el texto en tiempo real haciendo clic en el icono del lápiz. Al otro lado de la historia, tenemos constructores de WordPress. Hay complementos que lo ayudan a crear sitios web realmente únicos. Puede cambiar su aspecto de base completa. En nuestro caso, Skyline pre -instalación como un constructor llamado Colibri, lo usaremos como ejemplo. Dependiendo de la versión del tema, el gratuito o pagado, tiene varios elementos para jugar: desde la sede, secciones específicas de la página, a componentes más pequeños, como impulsos, pestañas, medidores, acordeón y más. Puede editar su tema como antes, desde la apariencia-> Personalización o puede tomar el pedido, como se muestra a continuación. ¿Qué cambia? Tendrá acceso a múltiples funciones en Customizer.
Además de usar el personalizador, hay otra opción para personalizar el sitio web en WordPress: el editor predeterminado. Puede acceder a él desde la opción “Editar” en cada publicación y página. Además, al agregar una publicación o una nueva página, ingresará directamente el editor predeterminado (a menos que tenga un constructor activado).
Entonces, en nuestro próximo capítulo analizaremos en detalle cómo:
Cree un sitio web de WordPress usando un constructor de páginas de WordPress
Cree un sitio de WordPress utilizando el editor predeterminado de WordPress
A. Cómo construir un sitio web de WordPress utilizando creadores de sitios gratuitos creadores de WordPress Los creadores de sitios ayudan a llevar a WordPress Customizer a un nivel completamente nuevo. Podrá personalizar todo: encabezados, contenido de página, sótanos, menús de navegación, estilo global, individualmente, ¡ese es el nombre! ¡No se requieren habilidades de diseño o codificación! Por lo general, es un proceso de tirar y colocar. Y no tiene que preocuparse por el diseño móvil, los constructores cubrieron la receptividad. Cómo ajustar la configuración del sitio web en Customizer Mire el panel lateral izquierdo. Ahora desplácese hacia abajo a “Configuración general”. Aquí puede configurar:
Nombre de su sitio web.
Esquema de color general y tipografía de su sitio web.
Blog, encabezado y plantillas de sótano: qué fondos usa, espacios, bordes, sombras, etc.
Espacio: dentro de los botones, columnas, etc.
Estilo CSS personalizado
Cómo crear contenido en WordPress usando constructores como se mencionó anteriormente, si desea crear una nueva página de sitio web, vaya a “páginas” y seleccione “Agregar un nuevo”. Se le dirigirá al editor de WordPress predeterminado, donde nombrará la página. Luego seleccione “Editar con chozas”. Cuando desee editar una página de WordPress existente, haga clic en “Editar en Colibri”.
Cómo agregar secciones a sus páginas de WordPress Cada signo “+” del panel lateral izquierdo abre una ventana con bloques y componentes. Puede desplazarse hacia abajo hasta que encuentre un diseño que le guste o simplemente ingrese una categoría. Estas son las categorías disponibles en el generador Colibri: acento de héroe, sobre, características, contenido, urgencia, blog, medidores, cartera, galería de fotos, testimonios, equipos, contacto, preguntas frecuentes y precios. Estas son plantillas predefinidas, que encajan con Esquema de color de tu elección. Al seleccionar uno de los bloques, haciendo clic en el signo “+” que aparece en el bloque, el bloque se colocará en la parte inferior de la página. Puede moverlos en cualquier lugar que desee, deslizando y arreglando la sección en el panel lateral izquierdo.
También hay una opción para bloques “vacíos”.
Esto significa que puedes personalizarlos de todos modos. Finalmente, incluso puede guardar su diseño para su uso posterior. Desde el icono de configuración en la esquina superior derecha de cada sección, puede ajustar el número de artículos uno a la vez, puede reordinar elementos, agregar nuevos bloques e incluso eliminar la sección completa.
Cómo personalizar las secciones de su página de WordPress Si desea cambiar el texto en sus secciones, puede hacerlo en línea, es decir, dentro de la sección en sí, en vivo. La edición de línea no está disponible para textos en los botones. Se gestionarán en el panel izquierdo. Si desea cambiar una imagen de su sitio, todo es intuitivo. Comience seleccionando la imagen.
Podrá verlo en el panel izquierdo. Haga clic en la imagen. Verá una nueva ventana que le pedirá que cargue una imagen o seleccione una de la biblioteca. Si elige cargar, puede hacerlo deslizando y arreglando. Ahora, volviendo al panel que acabo de mencionar, tiene 3 opciones principales: apariencia, estilo y avanzado. Siempre que seleccione una sección de la vista previa del sitio correcto, verá el panel correspondiente de la sección.
Tomemos uno a la vez:
apariencia
Aquí puede ajustar el ancho y la altura del contenedor, en el nivel de la estructura. . Simplemente, el contenedor es el espacio real que ocupa un bloque. Dentro del contenedor, coloque el contenido (texto, imágenes). También puede ajustar su espacio de contenido y qué tan cerca de la parte superior o inferior se coloca. También puede agregar nuevas filas dentro del bloque.
Estilo
En este nivel, puede personalizar el fondo del bloque o puede agregar separadores. Los divisores son indicaciones visuales que señalan al finalizar o iniciar una sección de sitio web.
Avanzado
¡Aquí viene la diversión, buena gente! Desde la impresión y el espacio hasta la receptividad, aquí puede acceder a los detalles más pequeños del sitio web. Puede crear variaciones dependiendo de la condición del elemento: normal o flotante. Si selecciona un elemento en particular dentro de un blog, suponga que aparecerá el mismo panel a la izquierda.
Esto significa que puede editar más detallado. Por cierto, títulos y elementos más granulares, se llaman “componentes”. Veamos cómo puedes jugar con ellos. Cómo usar componentes en los componentes de su sitio de WordPress se refieren a títulos, toboganes, separadores, botones, carruseles, precios y más. Se puede acceder a estos de la misma manera que los bloques. Se paran uno al lado del otro y tienen funcionalidad de arrastrar y soltar. Colibri ofrece 40 componentes. Después de mencionar anteriormente, puede ajustarlos desde el panel izquierdo, si va a “apariencia”, “estilo” o “avanzado”. La respuesta móvil en un mundo con múltiples dispositivos es vital para tener un sitio web completamente receptivo. Por defecto, Skyline es un tema móvil receptivo. Esto significa que sus secciones se ajustarán de acuerdo con diferentes dispositivos. Si desea obtener una vista previa de cómo se ve su sitio de WordPress en tabletas o dispositivos móviles, puede hacerlo cuando juegue con las órdenes inferiores a la izquierda.
También puede seleccionar ocultar ciertas funciones en el móvil, por ejemplo, dentro de las opciones “avanzadas”. Cómo crear un menú en WordPress Customizer ahora, suponga que ha diseñado sus páginas y que debe agregarlas a un menú. En el panel correcto, tiene todas las secciones, ordenadas de arriba a abajo, ya que en su sitio web está su última sección. Debajo, verá algunas características adicionales.
Aquí puede crear su menú. Después de seleccionar “Crear un nuevo menú”, terminará llamando al menú y elegirá un destino de colocación para él (encabezado, sótano, páginas, etc.). Al seleccionar el “Siguiente”, podrá agregar sus páginas al menú, en la opción “Agregar elementos”. No puede ser más fácil que eso.
Cómo trabajar con WordPress Widgets ya mencioné que los widgets son bloques de contenido que puede agregar a barras laterales, sótanos y otras áreas de su sitio. Barras laterales de WordPress porque tiene planes de sótano predefinidos. Por lo general, las barras laterales son utilizadas por las páginas del blog. Cada tema tiene diferentes opciones para widgets, desde barras de búsqueda, publicaciones recientes y comentarios, widgets sociales, hasta imágenes y videos. Supongamos que desea mostrar su perfil de Instagram en una barra lateral, hay un widget WordPress Instagram para esto. Uno de mis widgets favoritos es el que permite la edición HTML personalizada. Lo encuentro muy fuerte. Dicho esto, has terminado. ¡Felicidades, su sitio de WordPress está en funcionamiento! Ahora, verifiquemos el otro método para construir sitios en WordPress. B. Cómo construir un sitio web de WordPress utilizando el editor predeterminado de WordPress (Gutenberg). Lo haré muy rápidamente. Este editor sigue siendo nuevo en WordPress (es el editor de WordPress predeterminado en diciembre de 2018), pero evoluciona continuamente debido a la contribución de la comunidad. El clásico editor de WordPress se veía así:
Ahora tenemos:
Ahora, lo que necesita saber es que no todos los temas son compatibles con este nuevo editor. Necesitará encontrar uno preparado para Gutenberg. Diseñar la apariencia con el editor de WordPress predeterminado es limitado. También se basa en bloques. Ahora, como probablemente encontró en el capítulo anterior, los bloques pueden ser casi todo: títulos, imágenes, botones, videos, etc.
Ahora, ¿por qué no insistir en el tema? Si revisa las reseñas de Gutenberg, las últimas son las reseñas de 1 estrella.No es una buena experiencia.A pesar de que han pasado 2 años desde su lanzamiento y muchas actualizaciones en el medio, esto todavía está al principio.WordPress ahora se basa en la comunidad para crear nuevos bloques, para que la experiencia de edición pueda evolucionar.Hay herramientas, como Kadence, que pueden ayudarlo, pero aún no estamos allí.6. Instale los complementos de WordPress WordPress El ecosistema de WordPress está compuesto por temas y complementos Hay miles de complementos de WordPress disponibles allí que pueden expandir la funcionalidad o agregar nuevas funciones a su sitio web.Este es un tutorial muy corto sobre cómo instalar un complemento. Nuestras recomendaciones para complementos
! -row “>
<
Por supuesto). Class = “WPDT-Cell-Row”>
! ndex = “6”> WordPress Plugins para el comercio electrónico
!> Biblioteca de medios Manager
spam
Ahora, vamos poco en otro tema: velocidad de página. Tanto sus visitantes como Google se preocupan mucho por la velocidad de su sitio, ¿por qué Google? La velocidad es un factor importante que se tiene en cuenta cuando se clasifica orgánicamente, eso está aquí:
¿Por qué la velocidad del sitio es mala para los usuarios y finalmente para usted? Bueno, si les da una mala experiencia, es posible que no participe en su oferta o incluso no vuelva pronto. Según Google Research en 2018, el 53% de los dispositivos móviles usan un sitio que dura más de 3 segundos para cargar (¡santo moly!). ¡Y échale un vistazo!
¿Cómo influye en la carga de los visitantes de la página desde dispositivos móviles (nota: El rechazo significa abandonar el sitio)? . Entonces, ¿cómo puede solucionar este problema y también mejorar el rendimiento general del sitio web para que no obtenga su pulgar tanto de los usuarios como de Google? Elegí 2 soluciones relajadas (hay muchas, pero bastante técnicas). ● Optimizar imágenes Las imágenes de su sitio web no deben cargarse en el tamaño original. También intente ir con PNG en lugar de JPEG (tienen menos colores). Smush es nuestro complemento favorito de WordPress para la compresión de imágenes. No verá ninguna disminución visible en la calidad, y la velocidad de su página se optimizará. ● Memoria en caché Simplemente, la memoria de caché proporciona almacenamiento temporal para que se pueda acceder al contenido más adelante. Su sitio se cobra de manera diferente si se accede por primera vez o por quinta vez por el mismo visitante. ¿Porqué es eso? Al tratar con su caché del navegador, su navegador guarda una copia de los archivos en un sitio web en el dispositivo del usuario (disco duro). Cuando un sitio web se almacena en caché, el navegador solo debe cargar piezas nuevas o superiores y no tendrá que iniciar una nueva solicitud de servidor. Lo mismo sucede si hace clic en el botón “Atrás”, su navegador mostrará la página de caché. Esto también es muy útil cuando se trata de una conexión lenta a Internet, las páginas se cargarán rápidamente. ¿Quieres entender más sobre cómo funciona el caché?
Lea más aquí. Las herramientas que recomendamos aquí son: ➔ W3 Total Cache (W3TC) mejora el SEO y la experiencia del usuario de su sitio aumentando el rendimiento y la reducción de los tiempos de carga. ➔ colibri. Esto también tiene algunas características adicionales que amamos, como la compresión de archivos JavaScript, HTML y CSS. Ahora, ¿cómo puede verificar qué tan rápido se está cargando su sitio web? Google solo tiene la herramienta para ayudarlo a este respecto y también proporciona algunas ideas correctivas. Bonificación: ¿Consejos y trucos de diseño de UX recuerdan que dije “el cielo es el límite” con las páginas de WordPress? Bueno … siempre hay un “regalo”. Al diseñar un sitio web, siempre debe tener en cuenta al público o a las personas que compran (como les gusta decir que los especialistas en marketing). Debe darles una experiencia extraordinaria en su sitio, eso significa UX (experiencia del usuario). Ahora, para esto, hay ciertas reglas que debe seguir para proporcionar una experiencia sin fricción. Satisfacer a los usuarios necesita que los usuarios en un sitio web no quieran pensar demasiado. Necesitan información útil que se puedagrada y entendida fácilmente. No necesitan una experiencia que consiste en muchos clics o largos y atrás. Las personas buscan satisfacción instantánea: encuentran lo que necesitan de manera rápida y fácil. Si esto no sucede en su sitio, buscarán otro. La jerarquía visual no todas las partes del sitio web se tratan por igual, algunas son más importantes que otras (formularios, botones, título, propuesta de valor, etc.). ¿Dónde te gustaría conseguir a tu usuario? ¿Dónde quieres hacer clic?
Use pistas visuales para ayudarlo a lograr lo que desea. Todos los elementos de las páginas deben comportarse como guía turístico. Los resecadores han descubierto que los usuarios que leen de izquierda a derecha escanean los sitios web en un modelo en forma de Z.
Esto significa que debe dirigir la información más importante. La navegación fácil debe mantener la barra de navegación, no ingresar demasiadas opciones. Puede alcanzar una situación de elección paradójica cuando los usuarios están abrumados con posibilidades. Las páginas deben conectarse internamente a otras páginas relevantes, para que la navegación sea fácil y el usuario no haga clic varias veces en “Volver” para llegar a las páginas anteriores. Usa el espacio en blanco. El espacio en blanco permite organizar información en áreas de contenido digerible. Esto hará que los usuarios se sientan más cómodos y no se sientan abrumados por muchos datos. El mismo esquema de color (consistencia) Evite los colores súper oscuros o súper intensos en su sitio web. Podrían enviar a los usuarios lejos. Puede usar colores más fuertes para resaltar aspectos importantes de su sitio web.
Úselo como colores equilibrados. Aquí hay algunas inspiraciones. Y uno más antes de pasar al siguiente principio de diseño de UX. Los colores tienen significados en todo el mundo, están conectados a diferentes emociones. Esta infografía mostrará una luz sobre el tema.
Use una escritura efectiva No use una copia exagerada y Clickbait. Escriba con sentido común, en un lenguaje natural, no use jerga (no todos están familiarizados con ciertas palabras técnicas).
Usa max. 3 tipos de caracteres en dimensiones máximas de 3 puntos: máximo 18 palabras o 50-80 caracteres por fila de texto, según lo recomendado por Smashing Magazine. ¿Utiliza evidencia social por qué debería confiar en usted, su negocio o sus productos? Nosotros, personas, somos criaturas sociales. Vivimos en comunidades, tenemos amigos y familiares. Pueden ser nuestros influyentes. Nosotros, que tenemos mucho sobre su opinión. . Permítanme enumerar algunos ejemplos para usted: ● Calificaciones y revisiones ● Testimonios
● No. de clientes (“usted en buena compañía”).
● Logotipos de clientes
● Estudios de caso respaldados por resultados
● Presione con presentación y premios
Además, si desea averiguar sobre el último diseño, la gente creativa costera hizo de la infografía Marvelous sobre el tema. Conclusiones que lo llamamos una envoltura, ¿no crees? Nos preguntamos para ir por el camino corto, no para abrumarlo con información. Pero, al final, el diablo en los detalles. Acabamos de darle la vista del helicóptero. La cuestión es que tiene su sitio web en funcionamiento en menos de 2 horas. Pero, cuantas más características, páginas, contenido que desea agregar, más tiempo llevará. Y nunca descuides las últimas tendencias de diseño web. Sin embargo, una última cosa, si eres del tipo de bricolaje, ¡definitivamente necesitas dar a nuestro constructor de Colibri para dar una vuelta! Aquí hay un video sobre cómo crear una página de sitio web de WordPress utilizando toneladas de funciones.
Ahora, si le gustó este artículo y desea saber más sobre cómo diseñar un sitio web de WordPress, ¡asegúrese de suscribirse a nuestro canal de YouTube y síganos en Twitter y Facebook!
