{"id":8195,"date":"2019-07-06T12:34:28","date_gmt":"2019-07-06T16:34:28","guid":{"rendered":"https:\/\/net4seo.com\/?p=8195"},"modified":"2025-02-08T10:54:50","modified_gmt":"2025-02-08T15:54:50","slug":"recomendaciones-de-diseno-a-tener-en-cuenta","status":"publish","type":"post","link":"https:\/\/netquatro.com\/blog\/recomendaciones-de-diseno-a-tener-en-cuenta\/","title":{"rendered":"Recomendaciones de dise\u00f1o a tener en cuenta"},"content":{"rendered":"\r\n<p style=\"text-align: justify;\">Este art\u00edculo forma parte de un tutorial m\u00e1s completo, que se llama: <span style=\"color: #3366ff;\"><a style=\"color: #3366ff;\" href=\"https:\/\/netquatro.com\/blog\/como-crear-un-sitio-web-en-wordpress-for-dummies\/\">\u00bfC\u00f3mo crear un sitio web en WordPress for dummies?<\/a><\/span>, aqu\u00ed estamos explicando paso a paso las recomendaciones para crear un sitio web en WordPress y c\u00f3mo impulsarlo con tr\u00e1fico.<\/p>\r\n<p style=\"text-align: justify;\"><strong>Recomendaciones de dise\u00f1o a tener en cuenta<\/strong><\/p>\r\n<p style=\"text-align: justify;\">Cuando hacemos nuestra primera p\u00e1gina web, no tomamos en consideraci\u00f3n algunas cosas que luego nos pasan factura, como subir las im\u00e1genes tal como vienen, sin editarlas, cambiarles la resoluci\u00f3n y comprimirlas.<\/p>\r\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-8273 aligncenter\" src=\"https:\/\/netquatro.com\/blog\/wp-content\/uploads\/2024\/09\/1727216463_img_66f33b4f2cfd3_resolucion_imagenes_recomendaciones_sitio_web.jpg\" alt=\"resoluci\u00f3n_imagenes_recomendaciones_sitio_web\" width=\"618\" height=\"580\" \/><\/p>\r\n<p style=\"text-align: justify;\">Si una imagen tiene m\u00e1s de 1600 px de ancho y 1200 de alto, es ya muy grande, incluso dependiendo de su p\u00e1gina, hasta pudiera tener im\u00e1genes de m\u00e1ximo 1200px, claro, va a depender de su dise\u00f1o pero lo que si est\u00e1 claro, es que m\u00e1s de 1600 de ancho, ya es un recurso que va a pesar demasiado, entonces ver\u00e1 su factura cuando la p\u00e1gina empieza a moverse como godzilla, lenta&#8230;, si usted ya est\u00e1 en la parte final de su proyecto y est\u00e1 leyendo esto, me imagino su cara de preocupaci\u00f3n con las 200 imagenes que ya ha subido y pensar\u00e1: \u00bfy ahora c\u00f3mo hago para cambiar las imagenes que ya sub\u00ed a mi wordpress para comprimirlas?, usted puede utilizar el wp-smushit para comprimirlas de forma masiva, sin embargo, yo recomiendo que usted se tome el tiempo para cambiarlas de forma manual, porque el m\u00f3dulo crea diferentes tama\u00f1os y las comprime pero autom\u00e1ticamente y siempre es bueno hacer el toque humano.<\/p>\r\n<p><img decoding=\"async\" class=\"size-full wp-image-8274 aligncenter\" src=\"https:\/\/netquatro.com\/blog\/wp-content\/uploads\/2024\/09\/1727216463_img_66f33b4f60494_recomendaciones-diseno-web3.jpg\" alt=\"recomendaciones-dise\u00f1o-web3\" width=\"626\" height=\"417\" \/><\/p>\r\n<p style=\"text-align: justify;\">Por otro lado, si usted tiene im\u00e1genes que ese ven en un cuadro peque\u00f1o, revise el tama\u00f1o del cuadro, supongamos que usted quiere poner una imagen de 1200&#215;800 en un cuadro de 300&#215;200 entonces reduzca su imagen para que la nueva resoluci\u00f3n sea de 300&#215;200, adicionalmente, si es un jpg, compr\u00edmala, puede ir graduando el nivel de compresi\u00f3n,as\u00ed como un \u00abDJ\u00bb que va ajustando la m\u00fasica, escuch\u00e1ndo con sus aud\u00edfonos, igual puede hacer usted, pruebe con una compresi\u00f3n del 98%, si al actualizarla en su p\u00e1gina, se ve bien, pruebe 97% hasta el punto, que tenga buena calidad y que sea liviana la imagen.<\/p>\r\n<p><strong>\u00bfC\u00f3mo puede saber si ya su p\u00e1gina web est\u00e1 optimizada?<\/strong><\/p>\r\n<p><img decoding=\"async\" class=\"size-full wp-image-8281 aligncenter\" src=\"https:\/\/netquatro.com\/blog\/wp-content\/uploads\/2024\/09\/1727216463_img_66f33b4f9918c_optimizacion_sitio_web.jpg\" alt=\"optimizacion_sitio_web\" width=\"626\" height=\"626\" \/><\/p>\r\n<p>Usted puede ir ajustando cada secci\u00f3n de su p\u00e1gina y comprobando con <span style=\"color: #3366ff;\">gtmetrix<\/span> si esa p\u00e1gina ya est\u00e1 corriendo mejor.<\/p>\r\n<p>Si las m\u00e9tricas del analisis de gtmetrix indican que su p\u00e1gina carga en menos de <strong>5 segundos<\/strong>, usted tiene un buen rendimiento, sin embargo, tome atenci\u00f3n a las alertas y trate de mejorarlas, cada segundo que usted le ahorre al visitante, lo notar\u00e1 en la cantidad de visitas. Recuerde que la mayor\u00eda de personas no est\u00e1n dispuestas a esperar demasiado.<\/p>\r\n<p style=\"text-align: justify;\">En este punto usted dir\u00e1, esto parece que lleva mucho trabajo, es verdad, mantener un sitio web lleva muchos esfuerzos y tiempo. Si usted no dispone del tiempo y quiere que una empresa se dedique a impulsar su sitio web le recomiendo revise <a href=\"https:\/\/netquatro.com\/blog\/diseno-y-posicionamiento-web-net4seo\/\"><span style=\"color: #3366ff;\">Net4SEO<\/span><\/a><\/p>\r\n<p style=\"text-align: justify;\">Si en su sitio web usa formatos .png y no est\u00e1 aprovechando la funci\u00f3n de transparencia, es preferible que migre a. jpg, es mucho m\u00e1s liviano.<\/p>\r\n<p style=\"text-align: justify;\">Puede continuar con el siguiente art\u00edculo: <span style=\"color: #3366ff;\"><a style=\"color: #3366ff;\" href=\"https:\/\/netquatro.com\/blog\/como-saber-si-mi-sitio-web-esta-optimizado\/\">\u00bfC\u00f3mo saber si mi sitio web est\u00e1 optimizado?<\/a><\/span><\/p>\r\n<p style=\"text-align: justify;\">\u00bfQu\u00e9 le pareci\u00f3 el art\u00edculo?, \u00bffue \u00fatil?, d\u00e9jenos sus preguntas si no pudo realizar alg\u00fan paso y con mucho gusto le ayudaremos.<\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>Cuando hacemos nuestra primera p\u00e1gina web, no tomamos en consideraci\u00f3n algunas cosas que luego nos pasan factura, como subir las im\u00e1genes tal como vienen, sin editarlas, cambiarles la resoluci\u00f3n y comprimirlas.<\/p>\n","protected":false},"author":1,"featured_media":8271,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[5785],"tags":[560,558,561,563,562,167],"class_list":["post-8195","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-net4cms","tag-compresion","tag-diseno","tag-rendimiento","tag-tutorial","tag-velocidad","tag-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/netquatro.com\/blog\/wp-json\/wp\/v2\/posts\/8195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/netquatro.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/netquatro.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/netquatro.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/netquatro.com\/blog\/wp-json\/wp\/v2\/comments?post=8195"}],"version-history":[{"count":0,"href":"https:\/\/netquatro.com\/blog\/wp-json\/wp\/v2\/posts\/8195\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/netquatro.com\/blog\/wp-json\/wp\/v2\/media\/8271"}],"wp:attachment":[{"href":"https:\/\/netquatro.com\/blog\/wp-json\/wp\/v2\/media?parent=8195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/netquatro.com\/blog\/wp-json\/wp\/v2\/categories?post=8195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/netquatro.com\/blog\/wp-json\/wp\/v2\/tags?post=8195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}