{"id":16596,"date":"2026-07-06T15:11:16","date_gmt":"2026-07-06T13:11:16","guid":{"rendered":"https:\/\/areafdesign.com\/diccionario-palabras-utilizadas-en-diseno-web\/"},"modified":"2026-07-16T13:11:06","modified_gmt":"2026-07-16T11:11:06","slug":"diccionario-palabras-utilizadas-en-diseno-web","status":"publish","type":"post","link":"https:\/\/areafdesign.com\/es\/diccionario-palabras-utilizadas-en-diseno-web\/","title":{"rendered":"Diccionario palabras utilizadas en dise\u00f1o web"},"content":{"rendered":"<p>La terminolog\u00eda para definir c\u00f3mo hacer una p\u00e1gina web, a veces es algo compleja y muchos de nosotros utilizamos palabras que damos por hecho que todo el mundo conoce . Pero la realidad es muy diferente, muchas veces el cliente no entiende la mitad de lo que le hemos contado, a veces por falta de inter\u00e9s, otras por saber reconocer que no sabe de qu\u00e9 van los t\u00e9rminos.<\/p>\n<p>Generalmente somos nosotros los que fallamos puesto que deber\u00edamos explicar mejor en qu\u00e9 consiste cada palabra y\/o abreviatura que decimos, pero muchas veces no lo hacemos y esto genera dudas, malentendidos, es decir, problemas con el cliente.<\/p>\n<p>Para evitar este tipo de situaciones hoy le presentamos un <strong>glosario b\u00e1sico de t\u00e9rminos de dise\u00f1o web<\/strong> , para que le puedan ayudar en caso de que tenga que hablar con un dise\u00f1ador web.<\/p>\n<h2><strong>T\u00e9rminos m\u00e1s utilizados al hablar de p\u00e1ginas web.<\/strong><\/h2>\n<h3><strong>ADS<\/strong><\/h3>\n<p>Son las siglas de la palabra Advertising que significa publicidad. Como habr\u00e1s visto, la mayor\u00eda de las redes sociales incluyen un apartado que permite a las marcas publicitarse. Algunos ejemplos de esto son Facebook Ads y Linkedin Ads.<\/p>\n<h3><strong>API<\/strong><\/h3>\n<p>Proviene del concepto ingl\u00e9s Application Programming Interface; podemos entenderla como un puerta que permite llevar a cabo la conexi\u00f3n entre diversas plataformas diferentes, conectarlas entre s\u00ed y utilizarlas para un fin concreto que necesitamos llevar a cabo, cada API es diferente y trabaja con sus par\u00e1metros , por lo que para realizar este tipo de conexiones, normalmente es necesario el trabajo de un desarrollador.<\/p>\n<h3><strong>APP<\/strong><\/h3>\n<p>Es una aplicaci\u00f3n inform\u00e1tica descargable, tanto en dispositivos m\u00f3viles como en ordenadores, que desempe\u00f1a una funci\u00f3n \u00fatil y complementaria para el usuario. \u00a1Hay miles! Como Feedly, TweetDeck, Buffer, Pocket, Google Hangouts, Hootsuite, Mailchimp.<\/p>\n<h3><strong>B2B<\/strong><\/h3>\n<p>Relaci\u00f3n empresarial que surge entre dos empresas Business to Business, las redes sociales como <a href=\"https:\/\/www.linkedin.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Linkedin<\/a> son el marco perfecto para generar conexiones y oportunidades de negocio de este tipo. Pero tambi\u00e9n se pueden hacer webs orientadas al B2B en lugar del e-commerce tradicional.<\/p>\n<h3><strong>B2C<\/strong><\/h3>\n<p>En este caso, es la relaci\u00f3n comercial que tiene lugar entre empresa y el cliente Business to Client se realiza directamente entre la empresa y el consumidor final. En este sentido, las redes sociales favorecen este tipo de relaciones, puesto que permiten una comunicaci\u00f3n directa entre la marca y el cliente. Un E-commerce b\u00e1sico es el mejor exepol de este tipo de transacciones.<\/p>\n<h3><strong>BACKLINK<\/strong><\/h3>\n<p>Un backlink es un v\u00ednculo externo que conduce a un sitio web o p\u00e1gina web. La calidad de un backlink depende de la reputaci\u00f3n online de este sitio web donde se dirige y de su credibilidad ante los ojos de los buscadores.<\/p>\n<p>Los backlinks son importantes para el posicionamiento SEO. De hecho, los motores de b\u00fasqueda tienen muy en cuenta los backlinks para determinar la importancia, relevancia y credibilidad de una p\u00e1gina web para clasificarse adecuadamente.<\/p>\n<h3><strong>BANNE<\/strong> <strong>R<\/strong><\/h3>\n<p>Es un elemento flotante de promoci\u00f3n o publicidad de productos o servicios que puede aparecer en la parte superior, inferior o laterales de la p\u00e1gina.<\/p>\n<h3><strong>BRANDING<\/strong><\/h3>\n<p>Es el conjunto de estrategias que se ponen en pr\u00e1ctica para construir y visibilizar la marca de una empresa o producto. A trav\u00e9s del marketing online y el social media se pueden desarrollar diversas estrategias para que una marca aumente su notoriedad, el n\u00famero de ventas y su popularidad. Un branding completo puede abarcar desde la creaci\u00f3n del Logotipo hasta la imagen corporativa global de una empresa.<\/p>\n<h3><strong>BREADCRUMBS<\/strong><\/h3>\n<p>T\u00e9rmino ingl\u00e9s que se traduce como muelles de pan, son todas aquellas herramientas y mecanismos que indican a los usuarios donde se encuentran en una p\u00e1gina web. El rastro que determina la localizaci\u00f3n exacta dentro de la estructura de la web, indicando cada una de las ramas seguidas hasta llegar a su ubicaci\u00f3n actual.<\/p>\n<h3><strong>CACHE<\/strong><\/h3>\n<p>Es un sistema autom\u00e1tico de copias de archivos para que los usuarios de una p\u00e1gina web vean los datos m\u00e1s r\u00e1pidos y no tengan que cargarlos dos veces.<\/p>\n<p>Si tienes una p\u00e1gina web es imprescindible habilitar la cach\u00e9 para que la web cargue r\u00e1pido. Esto le ayudar\u00e1 en la usabilidad de su p\u00e1gina y en su posicionamiento.<\/p>\n<h3><strong>CAPTCHA<\/strong><\/h3>\n<p>Captcha son las siglas de la expresi\u00f3n inglesa <strong>Completely Automated Public Turing test to tell Computers and Humans Apart<\/strong> . Esta frase hace referencia a una prueba de Turing que se lleva a cabo de manera p\u00fablica y automatizada con el objetivo de diferenciar a las personas de los ordenadores.<\/p>\n<p>Habitualmente el CAPTCHA se utiliza para evitar que los bots rellenen reiteradamente formularios, asegur\u00e1ndonos que cuando se recibe una entrada de un formulario de la web, quien lo ha escrito es humano.<\/p>\n<h3><strong>CDN<\/strong><\/h3>\n<p>Una red de distribuci\u00f3n de contenido (CDN) es un grupo de servidores repartidos en diferentes zonas geogr\u00e1ficas que aceleran la entrega del contenido web al acercarlo a los usuarios. Actualmente, los centros de datos de todo el mundo utilizan almacenamiento en cach\u00e9, un proceso que almacena temporalmente copias de archivos, de modo que pueda acceder al contenido de Internet con un dispositivo o navegador web de forma m\u00e1s r\u00e1pida a trav\u00e9s de un servidor cercano.<\/p>\n<p>Las CDN almacenan en cach\u00e9 contenido, como sitios web, im\u00e1genes y v\u00eddeos, en servidores intermediarios cerca de su ubicaci\u00f3n f\u00edsica. Esto permite realizar diferentes acciones en internet, como ver una pel\u00edcula, publicar en las redes, descargar software, revisar el saldo de una cuenta bancaria o comprar online sin tener que esperar a que se cargue el contenido.<\/p>\n<h3><strong>CMS<\/strong><\/h3>\n<p>Es el acr\u00f3nimo en ingl\u00e9s de <strong>sistema de gesti\u00f3n de contenidos<\/strong> y se refiere al programa que da la estructura a las p\u00e1ginas web para posteriormente llegar a nosotros de una forma m\u00e1s sencilla y permitir la edici\u00f3n, gesti\u00f3n y administraci\u00f3n de nuestros blogs y webs. <strong><a href=\"https:\/\/wordpress.org\" rel=\"nofollow noopener\" target=\"_blank\">WordPress<\/a> y <a href=\"https:\/\/www.prestashop.com\/es\" rel=\"nofollow noopener\" target=\"_blank\">Prestashop<\/a> <\/strong>son algunos de los CMS m\u00e1s usados en desarrollo de p\u00e1ginas web.<\/p>\n<h3><strong>COMMUNITY MANAGER<\/strong><\/h3>\n<p>Persona encargada de gestionar y dinamizar la comunidad online que gira alrededor de una marca. Sus funciones incluyen la creaci\u00f3n de contenidos, gesti\u00f3n de la reputaci\u00f3n online de la marca y analizar y utilizar m\u00e9tricas para medir los resultados de las acciones implantadas, entre otros.<\/p>\n<h3><strong>COOKIE<\/strong><\/h3>\n<p>Una cookie o cookie inform\u00e1tica es un peque\u00f1o fragmento de informaci\u00f3n que queda registrado en su ordenador cuando visita un sitio web y que permite al sitio web seguir el rastro de su actividad.<\/p>\n<p>Si quieres m\u00e1s informaci\u00f3n sobre las cookies <strong><a href=\"https:\/\/areafdesign.com\/es\/que-es-una-cookie\/\">puedes encontrarla aqu\u00ed<\/a><\/strong> .<\/p>\n<h3><strong>CRM<\/strong><\/h3>\n<p>Son las siglas de <strong>Customer Relationship Management<\/strong> y aunque se tiende a pensar que es una plataforma por la que una empresa gestiona todos sus contactos comerciales, sus vinculaciones a la web y las redes sociales, en realidad, el concepto CRM es el conjunto de estrategias dise\u00f1adas para hacer todo esto. Una vez se dise\u00f1a esta estrategia, es cuando <a href=\"http:\/\/www.bitrix24.es\/create.php?p=5366469.\" rel=\"nofollow noopener\" target=\"_blank\">la implementamos en un software<\/a> , que no debe ser exclusivamente un CRM. El CRM se ha convertido en una herramienta fundamental en los equipos de trabajo comerciales.<\/p>\n<h3><strong>CSS<\/strong><\/h3>\n<p>Estas siglas provienen del concepto ingl\u00e9s Cascading Style Sheets, estas hojas de estilo en nuestra p\u00e1gina web, sirven para incluir diferentes c\u00f3digos de edici\u00f3n de plantilla, color, forma y elementos que configuran la web y en muchos casos para adaptar plantillas ya existentes al formato que nosotros deseamos en lugar de lo predeterminado por la plantilla.<\/p>\n<h3><strong>CTA<\/strong><\/h3>\n<p>Call to Action o CTA es un bot\u00f3n o enlace situado en nuestro sitio web que busca atraer clientes potenciales y convertirlos en clientes finales, ya sea mediante un formulario en una p\u00e1gina de destino o una landing page.<\/p>\n<p>Un CTA es el enlace entre el contenido que el usuario consume y una p\u00e1gina con una oferta m\u00e1s interesante para nuestro usuario, \u00e9sta debe ser lo suficientemente relevante e interesante para animarle a completar nuestro formulario.<\/p>\n<h3><strong>CURADOR DE CONTENIDOS<\/strong><\/h3>\n<p>El curador de contenido, en ingl\u00e9s content curator, es la persona que de forma permanente busca, re\u00fane, organiza y comparte el contenido de un tema espec\u00edfico.<\/p>\n<p>El curador de contenidos es la persona que separa el grano de la paja y ahorra tiempo de su audiencia.<br \/>\nEn las peque\u00f1as y medianas empresas esta tarea suele realizarla el Community Manager, en las empresas m\u00e1s grandes donde estas actividades en varias personas, se puede tener una persona dedicada al tema.<\/p>\n<p>Actualmente <a href=\"https:\/\/feedly.com\/\" rel=\"nofollow noopener\" target=\"_blank\">hay software online<\/a> que pueden realizar esta tarea una vez configurados correctamente, \u00e9stos nos muestran el contenido de diferentes sitios web, en funci\u00f3n de los par\u00e1metros que establecemos al configurarlo, de esta manera nos ahorramos b\u00fasquedas y tiempo para encontrar contenidos interesantes o afines a nuestro negocio.<\/p>\n<h3><strong>DNS<\/strong><\/h3>\n<p>Domain name system o DNS, es una base de datos de nombres en la que se ubican los nombres de dominio de internet y se traducen a direcciones de protocolo de internet (IP). El sistema de nombres de dominio asigna el nombre que la gente utiliza para ubicar un sitio web con la direcci\u00f3n IP que utiliza un ordenador para ubicar un sitio web.<\/p>\n<h3><strong>DOMINIO<\/strong><\/h3>\n<p>Es el nombre con el que se registra una marca, una persona o una empresa en Internet para tener su propio . c\u00f3mo, .es o .org. Los dominios se pagan anualmente y el precio var\u00eda entre los 5 y los 15 euros al a\u00f1o, seg\u00fan el tipo de dominio.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignright wp-image-13572\" src=\"https:\/\/www.areafdesign.com\/wp-content\/uploads\/2022\/05\/5203299-1024x1024.jpg\" alt=\"error 404 - diccionario dise\u00f1o web\" width=\"349\" height=\"349\" \/><\/p>\n<h3><strong>ERROR 404<\/strong><\/h3>\n<p>El error 404 es un c\u00f3digo de estado que se produce cuando existe un <strong>error de comunicaci\u00f3n entre el protocolo de comunicaci\u00f3n y el navegador.<\/strong> Otra forma de decirlo es hablar de enlaces defectuosos o tren<\/p>\n<p>cats .<\/p>\n<p>Este error http 404 indica que el enlace al que estamos intentando acceder no est\u00e1 disponible o no est\u00e1 siendo encontrado por alg\u00fan motivo. Es importante no tener enlaces rotos para un buen posicionamiento SEO ya que el algoritmo de Google penaliza bastante los sitios web con enlaces 404.<\/p>\n<h3><strong>FAVICON<\/strong><\/h3>\n<p>Un <em>favicon<\/em> es un icono peque\u00f1o que se utiliza para identificar un sitio web en las pesta\u00f1as de un navegador, en un listado de favoritos, o en cualquier otra parte que requiera una peque\u00f1a identificaci\u00f3n. De hecho, <em>favicon<\/em> significa icono de favoritos y sirve para identificar nuestra p\u00e1gina web cuando alguien la incluye en un listado de favoritos.<\/p>\n<p>En este blog que est\u00e1s leyendo, el <em>favicon<\/em> es el logotipo de Areafdesig reducido, que puedes ver junto a la URL o en la pesta\u00f1a de la p\u00e1gina tu navegador.<\/p>\n<h3><strong>GOOGLE BUSINESS<\/strong><\/h3>\n<p>Google Business es una herramienta f\u00e1cil de usar para que empresas y organizaciones puedan administrar su presencia online en Google. Sirve para ayudar a posibles clientes a encontrar tu empresa y contarles tu historia. El alta en Google Business es verificable por el propietario de la empresa y se puede editar su informaci\u00f3n.<\/p>\n<h3><strong>HOSTING<\/strong><\/h3>\n<p>Servidor online que permite a un usuario alojar y almacenar los elementos que componen una p\u00e1gina web, hacer transferencias de archivos v\u00eda FTP \/ administrador de archivos y crear cuentas de correo a partir de un dominio propio. Es imprescindible contratar un <strong>hosting<\/strong> <strong>y un dominio<\/strong> si quieres publicar una p\u00e1gina web.<\/p>\n<h3><strong>HTML<\/strong><\/h3>\n<p>Hipertexto M arkup L anguage . _ Conjunto de c\u00f3digos conocidos como tags en archivos de texto (*.txt) que determinan la forma en que el navegador recupera y muestra la informaci\u00f3n. Hay dos tipos de tags: ancho y formato. Las tags anchas determinan la informaci\u00f3n a recuperar y los formatos tags determinan c\u00f3mo mostrar la informaci\u00f3n.<\/p>\n<h3><strong>JAVASCRIPT<\/strong><\/h3>\n<p>JavaScript es un lenguaje de programaci\u00f3n o de secuencias de comandos que te permite implementar funciones complejas en sitios web, cada vez que una p\u00e1gina web hace algo m\u00e1s que mostrar informaci\u00f3n est\u00e1tica para que la veas, actualizaciones de contenido, mapas interactivos, animaci\u00f3n de Gr\u00e1ficos , desplazamiento de reproductor es de v\u00eddeo \/audio , etc., lo m\u00e1s probable es que detr\u00e1s de esto JavaScript o PHP est\u00e1 involucrado. Es la tercera capa del desarrollo de las tecnolog\u00edas web est\u00e1ndar, encabezadas por HTML y CSS.<\/p>\n<h3><strong>KEYWORDS<\/strong><\/h3>\n<p>Son las palabras clave y m\u00e1s importantes de un mensaje o texto. Por s\u00ed mismas tienen significado y son las que engloban el sentido general del contenido. Es imprescindible hacer buen uso de las Keywords si queremos atraer a los t\u00edtulos y mejorar el posicionamiento en buscadores.<\/p>\n<h3><strong>LANDING PAGE<\/strong><\/h3>\n<p>Concepto ingl\u00e9s que traducido <a href=\"https:\/\/areafdesign.com\/es\/importancia-y-consejos-para-una-buena-landing-page-para-tu-sitio-en-construccion\/\">significa p\u00e1gina de aterrizaje<\/a> . Son p\u00e1ginas est\u00e1ticas o p\u00e1ginas de inicio con informaci\u00f3n y contenidos generales a donde van los usuarios al visitar una p\u00e1gina web. Habitualmente estas p\u00e1ginas se desarrollan paralelamente en las webs y suelen utilizarse en campa\u00f1as publicitarias o promocionales como p\u00e1gina de entrada puesto que \u00e9stas tienen contenido espec\u00edfico del producto o servicio que se est\u00e1 promocionando.<\/p>\n<h3><strong>MAQUETACION<\/strong><\/h3>\n<p>La <strong>maquetaci\u00f3n de un sitio web<\/strong> es la etapa en la que se estructuran, organizan y distribuyen de forma gr\u00e1fica los espacios y elementos que tendr\u00e1 el sitio como men\u00fas, im\u00e1genes, botones, v\u00eddeos, enlaces, t\u00edtulos y m\u00e1s, para pasar despu\u00e9s a una previsualizaci\u00f3n de c\u00f3mo se ver\u00e1 el sitio terminado.<\/p>\n<h3><strong>METADATOS<\/strong><\/h3>\n<p>Es un administrador de datos. Estructura y clasifica informaci\u00f3n que describe otro elemento del que puede obtenerse informaci\u00f3n detallada de sus caracter\u00edsticas.<\/p>\n<h3><strong>METAVERSO<\/strong><\/h3>\n<p>El metaverso es una realidad digital a la que accedemos a trav\u00e9s de dispositivos especiales como gafas de realidad virtual o aumentada a trav\u00e9s de las cuales podremos interactuar con otros usuarios. Cada uno de estos usuarios tendr\u00e1 un avatar (su personaje en el mundo virtual) e interactuar\u00e1n a trav\u00e9s de objetos en mundos inmersivos.<\/p>\n<h3><strong><em>MySQL<\/em><\/strong><\/h3>\n<p>Es un sistema administrativo racional de datos que se usa principalmente para cargar y guardar archivos pertenecientes a las p\u00e1ginas web, fundamentalmente bases de datos. Las utilizamos para que nuestros WordPress almacenen contenido, nuestros textos, comentarios, etc. Son como un gran excel online en el que guardar datos de p\u00e1ginas web y aplicaciones.<\/p>\n<h3><strong>PHP<\/strong><\/h3>\n<p><a href=\"http:\/\/www.infoworld.com\/article\/2841561\/php\/php-7-moves-full-speed-ahead.html\" rel=\"nofollow noopener\" target=\"_blank\">PHP<\/a> son las siglas en ingl\u00e9s de Hypertext Pre-Processor que al traducirlo al espa\u00f1ol pierde un poco el sentido, pero significar\u00eda algo as\u00ed como Lenguaje de Programaci\u00f3n Interpretado. Este lenguaje es al que le debemos la visualizaci\u00f3n de contenido din\u00e1mico en las <a href=\"http:\/\/www.rrhhpress.com\/index.php?option=com_content&amp;view=article&amp;id=27395:creacion-de-paginas-web-y-trabajos-relacionados-con-el-ecommerce-proyectos-freelance-mas-demandados-en-freelancercom&amp;catid=45:miscelanea&amp;Itemid=159\" rel=\"nofollow noopener\" target=\"_blank\">p\u00e1ginas web<\/a> . Todo el c\u00f3digo PHP es invisible para el usuario, porque todas las interacciones que se desarrollan en este lenguaje son completamente transformadas para que se puedan ver im\u00e1genes, variedad de multimedia y los formatos con los que somos capaces de interactuar a\u00f1adiendo o descargando informaci\u00f3n .<\/p>\n<h3><strong>PLUGIN<\/strong><\/h3>\n<p>Es una aplicaci\u00f3n adicional que aporta al blog ya la configuraci\u00f3n de la p\u00e1gina web nuevos y mejorados servicios y herramientas. Algunos son gratuitos y otros de pago, depender\u00e1 de las funciones que ofrezcan y del soporte que nos d\u00e9 el desarrollador en la mayor\u00eda de los casos.<\/p>\n<h3><strong>POP UNDER<\/strong><\/h3>\n<p>Formato publicitario que aparece debajo de una ventana abierta al navegador y que queda oculto hasta que esta ventana se cierra, se mueve o se minimiza. Ser\u00eda el equivalente a un pop up, pero menos intrusivo puesto que \u00e9ste no interfiere en la navegaci\u00f3n, sino que se muestra cuando cierra la p\u00e1gina.<\/p>\n<h3><strong>POP UP<\/strong><\/h3>\n<p>Un pop-up es un tipo de ventana que aparece de repente en la pantalla de un sitio web o en su navegador. En contraste con un anuncio pop-under, que aparece detr\u00e1s (en la parte trasera de) de la ventana del navegador, un pop-up es m\u00e1s intrusivo, ya que cubre otras ventanas, en particular la ventana que el usuario est\u00e1 tratando de leer . Los anuncios emergentes se utilizan ampliamente en publicidad online, aunque la publicidad no es la \u00fanica aplicaci\u00f3n para ventanas emergentes. Puede utilizarse para captar leads, para recopilar informaci\u00f3n de los clientes a cambio de documentaci\u00f3n detallada, para anunciar eventos etc.<\/p>\n<h3><strong>REDIRECCI\u00d3N<\/strong> <strong>301<\/strong><\/h3>\n<p>Al hacer una redirecci\u00f3n 301 lo que estamos haciendo es avisar a los robots de Google de que esta direcci\u00f3n web ha cambiado de forma permanente. Cuando apliquemos una redirecci\u00f3n 301 a una url que ya est\u00e1 bien posicionada, la pr\u00f3xima vez que los bots de Google visiten esta p\u00e1gina, entender\u00e1n que la primera url est\u00e1 obsoleta y la sustituir\u00e1 por la nueva url a la que se apunta.<\/p>\n<h3><strong>RESE\u00d1A<\/strong><\/h3>\n<p>Una rese\u00f1a de producto es la opini\u00f3n de que el cliente de un negocio, tanto f\u00edsico como digital, puede manifestarse por escrito y que hace referencia a la satisfacci\u00f3n o decepci\u00f3n que le ha producido el producto que ha adquirido en una tienda.<br \/>\nEn la mayor\u00eda de los casos, dentro del \u00e1mbito digital, esta rese\u00f1a suele ser de car\u00e1cter p\u00fablico, permitiendo as\u00ed que otros usuarios que visiten el sitio web del negocio puedan consultarlas.<\/p>\n<h3><strong>RESPONSIVO<\/strong><\/h3>\n<p>Es una caracter\u00edstica de aquellas p\u00e1ginas y dise\u00f1os web que tienen la capacidad de adaptarse a todo tipo de dispositivos m\u00f3viles sin perder resoluci\u00f3n ni calidad en su contenido.<\/p>\n<h3><strong>ROBOTS.TXT<\/strong><\/h3>\n<p>Cuando creamos un sitio web nuevo necesitamos que <strong>Google pueda acceder a nuestra p\u00e1gina para rastrear<\/strong> <strong>nuestra<\/strong> <strong>informaci\u00f3n<\/strong> . Para realizar esta tarea es necesaria la creaci\u00f3n de un archivo de texto ( <strong>robots.txt<\/strong> ) en nuestro dominio para proveer el buscador de toda la informaci\u00f3n que nos interesa que sepa sobre nuestra p\u00e1gina web o negocio. Al mismo tiempo este archivo .txt es usado para impedir que los bots a\u00f1adan datos e informaci\u00f3n que no deseemos compartir con la compa\u00f1\u00eda de Moutain View.<\/p>\n<h3><strong>SEM<\/strong><\/h3>\n<p>Corresponde al concepto de Serch Engine Marketing y es el conjunto de acciones por las que se promociona un producto o servicio en forma de anuncio y que tiene un coste para el anunciante.<\/p>\n<h3><strong>SEO<\/strong><\/h3>\n<p>El SEO o Search Engine Optimization es la rama del marketing digital que se centra <strong>en conseguir que tu p\u00e1gina web escale posiciones<\/strong> en los buscadores. El objetivo no es otro que conseguir que aparezca en los primeros sitios de las respuestas que dan los motores de b\u00fasqueda. Por eso, necesitas recurrir a diferentes herramientas y estrategias.<span style=\"font-family: helvetica, arial, sans-serif; font-size: 30pt;\"><strong>Auditor\u00eda gratuita:<\/strong> \u00bfEst\u00e1 tu web preparada?<\/span><span style=\"font-family: helvetica, arial, sans-serif; font-size: 14pt;\">Hacemos un an\u00e1lisis web que comprueba si su p\u00e1gina web est\u00e1 preparada para alcanzar los objetivos que tiene en Internet y le ofrecemos consejos sobre c\u00f3mo mejorarla.<\/span><strong>SNIPPED<\/strong><\/p>\n<p>Recibe el nombre de <em>snippet<\/em> ese <strong>fragmento de texto que puedes leer de cada uno de los resultados<\/strong> que ofrecen los motores de b\u00fasqueda. Se presenta a modo de resumen del contenido de la p\u00e1gina web que te sugiere su <em>ranking<\/em> . As\u00ed puedes hacerte una idea de qu\u00e9 informaci\u00f3n contiene sin necesidad de hacer clic en ella.<\/p>\n<p>El <em>snippet<\/em> es la <strong>suma del t\u00edtulo y la descripci\u00f3n<\/strong> . Son claves para atraer tr\u00e1fico desde un buscador. Por ello, es necesario redactarlos convenientemente para que resulten atractivos de cara al usuario.<\/p>\n<p><strong>SITEMAP<\/strong><\/p>\n<p>El <em>sitemap<\/em> es, como ya puedes adivinar, el <strong>mapa de tu sitio web<\/strong> . Se traduce en un documento XTML con el que puede comunicar a los motores de b\u00fasqueda la arquitectura de su p\u00e1gina con las diferentes URL. De esta forma, indexar\u00e1n todas sin riesgo de que dejen fuera alguna por no encontrarse indexada.<\/p>\n<p>Este documento se env\u00eda a trav\u00e9s de Google Search Console de su dominio para que Google lo indexe.<\/p>\n<p><strong>SLIDER<\/strong><\/p>\n<p>Slider es un elemento de una p\u00e1gina web que muestra m\u00faltiples im\u00e1genes y texto que se alternan entre s\u00ed.<\/p>\n<p>Normalmente se sit\u00faa en la parte superior de una p\u00e1gina web con el objetivo de destacar y dar m\u00e1s visibilidad a una serie de elementos.<\/p>\n<p><strong><img decoding=\"async\" class=\"alignleft wp-image-13574\" src=\"https:\/\/www.areafdesign.com\/wp-content\/uploads\/2022\/05\/v893-aum-53b-1024x1024.jpg\" alt=\"Diccionario dise\u00f1o web\" width=\"194\" height=\"194\" \/>TIPOGRAF\u00cdA<\/strong><\/p>\n<p>La definici\u00f3n de este concepto es muy sencilla, la tipograf\u00eda web no es m\u00e1s que el tipo de letra que utilizamos en una web.<\/p>\n<p>Esto incluye adem\u00e1s de <strong>la fuente, tama\u00f1o, color y formato de la letra<\/strong> que aplicaremos a todo el conjunto de nuestra web.<\/p>\n<p><strong>USABILIDAD<\/strong><\/p>\n<p>Usabilidad web es el conjunto de atributos y factores que ayudan a medir qu\u00e9 tan agradable y f\u00e1cil es la experiencia de navegaci\u00f3n de los usuarios en los sitios web. Este concepto est\u00e1 cobrando cada vez mayor importancia a la hora de trabajar con el posicionamiento SEO.<\/p>\n<p><strong>UX\/UI<\/strong><\/p>\n<p>Estas abreviaturas <strong>son los<\/strong> <strong>dos pilares de un desarrollo web<\/strong> . UX (User Experience) y UI (User Interface) tienen nombres similares pero son conceptos completamente diferentes. Mientras que el primero hace referencia a la experiencia del usuario al navegar por una p\u00e1gina web, el segundo est\u00e1 dirigido hacia la parte m\u00e1s t\u00e9cnica de la navegaci\u00f3n, es decir la programaci\u00f3n de la p\u00e1gina en s\u00ed, sin UX definida, es probable que la UI no termine en una buena p\u00e1gina web, ambas son indispensables, pero la UX a menudo no se tiene en cuenta, o se define a posteriori en muchos dise\u00f1os web, cuando deber\u00eda ser al rev\u00e9s.<\/p>\n<p>Muchas empresas tienen t\u00e9cnicos especializados en UX que, despu\u00e9s de validar sus dise\u00f1os, pasan el trabajo en el departamento UI para que lo implementen.<\/p>\n<p><strong>VECTORIAL<\/strong><\/p>\n<p>El t\u00e9rmino vectorial se usa normalmente en dise\u00f1o web para definir un tipo de gr\u00e1ficos de dos dimensiones producidas mediante un ordenador y un software especializado. Actualmente, es el tipo de formato de imagen m\u00e1s utilizado para la producci\u00f3n de gr\u00e1ficos de calidad y bajo peso.<\/p>\n<p><strong>WIDGET<\/strong><\/p>\n<p>Los widgets son peque\u00f1as aplicaciones que tienen como objetivo dotar de informaci\u00f3n visual y facilitar el acceso a las funciones que se utilizan de forma frecuente.<\/p>\n<p>\u00c9ste es un breve resumen de los conceptos b\u00e1sicos que debes conocer para entender todo lo que se puede hacer al construir un sitio web. Hay muchos m\u00e1s, pero alargar\u00eda much\u00edsimo este art\u00edculo, si est\u00e1s atento a nuestras news, en breve podremos a disposici\u00f3n de todos un documento con la mayor\u00eda.<\/p>\n<h3><strong>Pide presupuesto para tu web ahora.<\/strong><\/h3>\n<p><strong>Cu\u00e9ntanos que necesitas y te diremos c\u00f3mo podemos ayudarte. Sin compromiso.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>La terminolog\u00eda para definir c\u00f3mo hacer una p\u00e1gina web, a veces es algo compleja y muchos de nosotros utilizamos palabras que damos por hecho que todo el mundo conoce . Pero la realidad es muy diferente, muchas veces el cliente no entiende la mitad de lo que le hemos contado, a veces por falta de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":15963,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31,35],"tags":[],"class_list":["post-16596","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-sin-categorizar"],"_links":{"self":[{"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/posts\/16596","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/comments?post=16596"}],"version-history":[{"count":1,"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/posts\/16596\/revisions"}],"predecessor-version":[{"id":16597,"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/posts\/16596\/revisions\/16597"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/media\/15963"}],"wp:attachment":[{"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/media?parent=16596"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/categories?post=16596"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/tags?post=16596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}