De la cabecera al pie de página: 46 partes de una web

¿Quieres crear tu propia web pero te haces un lío con el vocabulario técnico?

En este artículo, hemos recopilado un glosario de términos con los que seguramente te encuentres a la hora de crear una web. Guarda esta página para poder consultarla siempre que lo necesites, como si fuera un pequeño diccionario al que acudir cuando te topes con algún concepto que no conoces.

Nos vamos a centrar en las webs de WordPress, pero la mayoría de los conceptos y definiciones sirven también para webs creadas en otras plataformas.

Partes técnicas de una web

Cada web necesita algunos componentes técnicos fundamentales. Si comprendes bien qué hace cada uno, podrás elegir el lugar perfecto para cada uno en tu sitio y tenerlos en cuenta a la hora de elegir diferentes servicios.

Hosting web

Tu sitio se almacena en unos servidores físicos mediante un alojamiento web. El hosting es, en esencia, el lugar donde vive tu web en Internet.

El hosting gestionado (como los planes que ofrecemos en WordPress.com) suelen ser una buena opción, ya que tienen un papel activo a la hora de gestionar tu web. En el caso de WordPress.com, nos encargamos de la configuración del servidor y de la gestión diaria de tu web, incluyendo la seguridad, el tiempo de disponibilidad y las actualizaciones de software, y todo por un precio único.

Explora nuestro hosting gestionado

Dominios

El dominio es la dirección de tu web, como undominioespectacular.com. Igual que una dirección física, cada web debe tener un nombre de dominio único.

Los precios de los dominios varían según la extensión web (.com, .net, .org, etc) y el proveedor, y puedes utilizar herramientas de búsqueda de dominios para ver los dominios que hay disponibles.

¡WordPress.com ofrece un registro de dominio asequible con más de 350 extensiones diferentes y por un precio medio de 13 € al año!

Hazte con tu dominio

URL, enlaces permanentes y slugs

De forma similar a los dominios, las URL son las direcciones específicas de las páginas de tu web. Las URL son una versión de tu dominio, con información extra que indica a tu ordenador la página que debe cargar.

Si la página de inicio de una web es undominioespectacular.com, las subpáginas tienen más información de ruta, como undominioespectacular.com/acerca-de, que debería abrir la página Acerca de de la web.

Los enlaces permanentes (o permalinks) son URL que dirigen a un elemento específico del contenido (puedes modificar la estructura de los enlaces permanentes de tu sitio de WordPress con un par de clics), mientras que los slugs hacen referencia a la parte de la URL que identifica una página concreta (como «acerca-de» en el ejemplo anterior).

CDN

Una red de distribución de contenido (o CDN, por sus siglas en inglés) aloja tu web en un sistema de servidores distribuidos en lugar de en un servidor individual. Al utilizar servidores localizados geográficamente, la CDN ofrece una velocidad del sitio superior al entregar el contenido desde un servidor cercano a la ubicación del visitante. Múltiples servidores también crean redundancias, que garantizan que tu sitio sigue funcionando incluso si recibe una gran cantidad de visitantes o si algún servidor falla.

Todos los planes de WordPress.com incluyen una CDN con más 28 centros de datos distribuidos en 6 continentes, y que se asegura de que tu contenido está lo más cerca posible de tus visitantes.

Mapa del sitio XML

Un mapa del sitio XML es una lista de todas las URL de tu web, y sirve para que los motores de búsqueda (como Google) puedan indexarlas y mostrarlas en los resultados de búsqueda. Un mapa del sitio es útil para que los motores de búsqueda entiendan mejor la estructura de tu sitio y cómo se relaciona el contenido.

Sistema de gestión de contenido (CMS)

Un sistema de gestión de contenido (o CMS, por sus siglas en inglés) es una herramienta que te ayuda a crear y gestionar una web sin necesidad de programarla desde cero. Suele tener una interfaz fácil de usar para crear páginas, escribir entradas y compartir otro tipo de contenido de forma sencilla.

¿Y cuál es el CMS más popular del mundo? ¡WordPress!

Código de la web

El código es una serie de intrucciones para ordenadores escritas en un lenguaje de programación. Aunque utilices un CMS como WordPress para crear tu sitio, sigue habiendo un montón de código ejecutándose en segundo plano para que todo funcione correctamente. Hay muchos lenguajes de programación diferentes, pero algunos de los que más se utilizan en el contexto de WordPress son HTML, CSS, JavaScript y PHP.

HTML

El HTML (HyperText Markup Language) define la estructura del contenido de tu web. Sería algo parecido a una versión de tu web especial para ordenadores, que incluye todo el contenido básico de la página, como títulos, texto, listas, botones e imágenes.

HTML utiliza tags o etiquetas para definir cada uno de estos elementos básicos de tu web, como <H1> para los encabezados de nivel superior y <p> para los párrafos.

CSS

El CSS (Cascading Style Sheets) define el estilo de tu web. Es un glosario de referencia del diseño para el navegador, donde se indica las fuentes, colores, tamaños y otros elementos que se deben utilizar al mostrar tu web. Lo más interesante del CSS es que tu sitio se actualiza automáticamente en todas partes cuando haces un cambio en un estilo del glosario.

Por ejemplo, si tienes una etiqueta de encabezado superior <H1> en el HTML, el ordenador mirará en el CSS para ver cómo deben ser los encabezados <H1>. Si el CSS define una fuente Arial, negrita, de 36 píxeles para los <H1>, el ordenador utilizará esos estilos en todas las partes de tu web donde vea un <H1>.

JavaScript

JavaScript controla los elementos interactivos, que se mueven o cambian en las páginas web que por lo demás son estáticas. JavaScript se ejecuta en el lado del usuario para crear animaciones, ventanas emergentes, banners, alertas y demás.

Por ejemplo, puedes usar JavaScript para avisar a los usuarios de que no han rellenado correctamente un formulario o para cambiar de pantalla cuando lo hayan enviado para hacerles saber que se ha recibido su respuesta.

PHP

PHP (Hypertext Preprocessor) es similar a JavaScript en cuanto a que «hace que pasen cosas» en tu web en tiempo real. La gran diferencia con PHP es que se ejecuta desde el servidor, lo que significa que cambia los datos o actualiza dinámicamente el contenido de una página antes de que cargue para los visitantes.

PHP es un lenguaje de programación de código abierto, y es el que hace funcionar el software de WordPress.

Metadatos de la web

Los metadatos sirven para ayudar a los motores de búsqueda a identificar qué tipo de contenido hay en tu web. De esta forma pueden saber cuándo el contenido de tu web es relevante para la búsqueda de un usuario.

Etiquetas de título

Las etiquetas de título son un elemento de HTML que utilizan tanto los motores de búsqueda como los visitantes para conocer de qué trata tu web. Por lo general, suelen ser igual al título o encabezado principal de una página o entrada.

Meta descripciones

Las meta descripciones son breves párrafos (de unos 120-160 caracteres) que ofrecen información adicional sobre tu contenido a los motores. Suelen incluir palabras clave o frases importantes.

Estas descripciones pueden aparecer en los resultados de los motores de búsqueda, así que es importante que escribas una descripción clara y concisa para que tu web llame la atención.

Marcado schema

El marcado schema (o schema markup) es una información legible por ordenadores que se añade al código de tu sitio para identificar los diferentes tipos de contenido de tu página web. Con esto, los motores de búsqueda pueden comprender mejor el propósito de tu sitio. El marcado schema mejora el SEO del sitio, y aporta información importante para los snippets de los motores de búsqueda y para los resultados ofrecidos por la IA.

Por ejemplo, los plugins de recetas ofrecen este tipo de marcado a los motores de búsqueda para que puedan mostrar recetas en sus resultados con detalles como imágenes, ingredientes o tiempo de elaboración.

Elementos de navegación

Los elementos de navegación de tu web definen cómo se mueven los visitantes por tu sitio. Seguramente utilices diferentes elementos de navegación por toda tu web que se adapten a los objetivos de cada página.

Menú

El menú es la herramienta principal de navegación de tu web, y enlaza a las secciones más importantes. Las opciones de los menús dependen de la plantilla, e incluyen menús en la cabecera y el pie de página, menús laterales en páginas específicas o submenús desplegables.

Los menús «de tipo hamburguesa» son muy habituales en las versiones para móviles, ya que la cabecera suele ocupar demasiado espacio. Estos menús están ocultos tras un botón en lugar de estar siempre visibles.

Enlaces

Los enlaces son texto donde se puede hacer clic para visitar otra página. Pueden dirigir a los usuarios a otra página de tu sitio (enlaces internos) o una web externa (enlaces externos).

También sirven para ayudar a los motores de búsqueda a valorar la importancia de las páginas de tu sitio: cuando una página tiene muchos enlaces relevantes que llevan a los usuarios a ella, los motores entienden que es una página de alto valor en tu sitio.

Migas de pan (breadcrumbs)

Las migas de pan de un sitio sirven para mostrar a los usuarios el camino que han tomado para llegar a la página donde están. Por ejemplo, en un blog, un usuario puede ir desde Inicio > Categorías > Entrada de blog.

Las migas de pan son muy útiles en sitios de muchas capas de páginas interconectadas entre sí, como tiendas, foros o wikis.

Botones

Los botones son elementos visuales clicables que sirven para animar a los usuarios a que realicen una acción específica o naveguen a una página concreta. Normalmente, las webs tienen tres «niveles» de botones: los botones principales son los más grandes y llamativos, mientras que los secundarios y los terciarios están destinados a elementos de navegación menos importantes.

Los botones deben estar colocados estratégicamente en las páginas para atraer a los visitantes a las acciones o al contenido más interesante, como la página principal o el blog.

Botones para compartir

Los botones para compartir permiten que los visitantes puedan compartir el contenido de tu web en otras plataformas como Facebook, Instagram o Pinterest. Son una buena opción para promocionar tu contenido en otras plataformas y generar seguidores de forma orgánica.

Los botones para compartir están incluidos en WordPress.com gratis con Jetpack.

Cabecera

La cabecera de la web es el contenido que aparece en la parte superior de cada página. Normalmente en esta sección se incluye el logotipo, el nombre del sitio, una descripción breve y el menú de navegación principal.

Pie de página

El pie de página es la sección inferior de tu sitio, y aparece debajo del contenido de cada página. Puede contener información como el copyright de la web, formularios de contacto, campos de suscripción a la newsletter, direcciones físicas, enlaces a redes sociales o elementos de navegación menos prioritarios como la política de privacidad o la política de devoluciones.

Contenido de la web

El contenido de la web es lo que hace que tu sitio sea verdaderamente único. Ya sea un blog o una tienda online, el contenido es lo que ayuda a crear una presencia personalizada en Internet.

Textos

El texto de tu web es cualquier cosa que escribas o personalices, desde las etiquetas del menú hasta los títulos de las páginas, las entradas del blog, la página «Acerca de», etc.

Imágenes

Las imágenes de gran calidad y relacionadas con el contenido son una parte clave de cualquier web. Puedes utilizar tus propias imágenes, imágenes con licencia de una empresa de imágenes de stock, imágenes gratuitas sin licencia de sitios como Pexels o imágenes generadas con herramientas como Jetpack AI.

Échale un vistazo a nuestra guía de tamaños de imagen de WordPress para optimizar las imágenes de tu web.

Vídeo

Muchas webs utilizan vídeos porque suelen llamar más la atención que las imágenes estáticas. Si tienes un sitio de WordPress, puedes utilizar el bloque YouTube para insertar fácilmente vídeos alojados en YouTube en tus páginas y entradas.

También puedes subir tus vídeos directamente a tu sitio. WordPress.com ofrece alojamiento de vídeos 4K con VideoPress en los planes Premium o superiores.

Elementos de las páginas

Todo el espacio entre la cabecera y el pie de página es la parte principal de la página. Independientemente del contenido o el diseño de la página, muchas páginas tienen varios elementos estándar.

Encabezado

El encabezado, también conocido como <H1> en jerga HTML, describe de qué trata tu página: puede ser un texto breve tipo «Acerca de» o algo más específico como el título de la entrada de blog.

Solo debería haber un <H1> en cada página web.

Descripción corta

La descripción corta del sitio, similar a la de una marca, es una frase breve llamativa que explique el objetivo de tu web. Estas descripciones suelen aparecer en la cabecera del sitio junto a o debajo del título o del logo, en los resultados de los motores de búsqueda y en los bloques de redes sociales.

Contenido principal

El contenido principal es la miga de la web, y se encuentra entre la cabecera y el pie de página. Debe ser específico de cada página e incluir todos sus elementos de contenido, como texto, imágenes y vídeos.

Con WordPress es superfácil añadir contenido de todo tipo en tus páginas y entradas gracias al editor de bloques. Hay un montón de bloques diferentes que vienen de serie en cualquier sitio de WordPress y con los que puedes personalizar el contenido como tú quieras.

Páginas habituales en una web

Las páginas de una web pueden variar según el propósito de tu sitio, pero siempre recomenamos algunos tipos de páginas estándar en todos los sitios.

Página de inicio

La página de inicio es la primera página que la gente ve de tu sitio, por lo que es clave que sea atractiva visualmente, explique quién eres y a qué te dedicas y dirija a los visitantes a otras páginas importantes de tu web.

Páginas de productos y servicios

Las páginas de productos y servicios sirven para los negocios puedan explicar sus productos y establecer una tabla de precios. Estas páginas pueden tener diferentes grados de complejidad, desde una simple lista de texto hasta tiendas de e-commerce completas.

Muchas páginas de productos y servicios son meramente informativas, mientras que otras son interactivas y permiten a los usuarios comprar productos directamente desde la página.

Página Acerca de

Una página Acerca de es la que cuenta la historia de tu sitio, ya sea personal o de un negocio. Aquí debería hablarse sobre el quién, el qué y el por qué: quién eres, a qué te dedicas y por qué lo haces.

También puedes incluir tus antecedentes personales o los de la empresa, premios y menciones, los valores de tu marca o biografías de tu persona o de tu equipo.

Página de contacto

La página de contacto es donde los visitantes pueden encontrar información para ponerse en contacto contigo, ya sea para agendar una reunión, enviarte un correo electrónico o visitar tu ubicación física. Puede ser una página de texto simple o incluir formularios, mapas y herramientas de gestión de reservas.

Página de error 404

La página de error 404 sirve para avisar a los visitantes de que la URL a la que están intentando acceder no existe. Esta página puede aparecer si hay algún error al escribir la URL o si se intenta acceder a una página que todavía no has creado. Un ejemplo sería si se intenta acceder a ejemplo.com/acerca cuando la URL real es ejemplo.com/acerca-de.

También puedes optimizar la página 404 y ofrecer ayuda en forma de barra de búsqueda o enlaces a otras páginas interesantes de tu sitio.

Blog

El blog es el auténtico corazón de muchas webs tanto personales como profesionales, ya que es el lugar principal donde crear y publicar nuevo contenido. A diferencia de las páginas web convencionales, el blog está diseñado para publicar, interactuar y compartir de forma rápida y fluida.

Entradas

Una entrada un tipo de contenido de tu blog. Se puede incluir texto, fotos y vídeos en las entradas, pero también tienen elementos propios como el estado, la fecha de publicación, el autor, las etiquetas y las categorías. Estos elementos sirven para buscar, ordenar y navegar mejor por el contenido.

Las entradas pueden tener diferentes estructuras, pero hay algunos tipos de entrada más habituales, como las listas, tutoriales, historias personales, casos de estudio, entrevistas, reseñas de productos o artículos de noticias.

Categorías

Con las categorías puedes catalogar y ordenar las entradas del blog. Sirven para separar el contenido en espacios de nivel superior. Las categorías deben ser suficientemente generales para poder organizar todas tus entradas pero también suficientemente específicas para que tengan sentido para los lectores.

Etiquetas

De forma parecida a las categorías, las etiquetas sirven para agrupar entradas, pero describen tu contenido de forma más específica. Por ejemplo, podrías tener la categoría «Películas» y las etiquetas «Aventuras», «Comedia romántica», «Terror» y «Ciencia-ficción».

Puedes utilizar varias etiquetas en una misma entrada, pero solo deberías añadir las que puedan servir como palabras clave para encontrar contenido en tu web.

Contacto y compartir contenido

Hay muchas razones por las que la gente puede querer ponerse en contacto contigo a través de tu web. La información de contacto, ya sean una dirección de correo electrónico pública como una dirección física o un formulario, es un aspecto clave de tu web.

Quizá también te interese ofrecer alguna forma de que tus visitantes estén al tanto de tus novedades. Compartir el contenido es muy importante para una marca, y puedes hacerlo con una newsletter o directamente en redes sociales.

Formularios de contacto

Los formularios de contacto te permiten recibir mensajes (preguntas, consultas de servicios u opiniones) sin tener que compartir una dirección de correo electrónico públicamente. Los visitantes pueden añadir sus datos de contacto y su mensaje en el formulario, y la información se enviará de forma segura a la dirección de correo electrónico que elijas.

Hay un montón de plugins de formularios de contacto, y también existe el bloque Formulario, que se puede utilizar de forma gratuita en WordPress.com con Jetpack.

Con los formularios de suscripción a la newsletter, los visitantes se pueden apuntar para recibir tu newsletter en su correo electrónico. La información que tus visitantes introduzcan en estos formularios (su dirección de correo electrónico y, a veces, también su nombre), se incluirá en tu lista de correo.

El bloque Suscribir está disponible gratis en los sitios alojados en WordPress.com. También hay plugins de servicios de newsletter de terceros.

Integraciones con redes sociales

Al integrar las redes sociales en tu web puedes conectar tu blog y tus plataformas de redes sociales. Una vez integradas, puedes enviar contenido entre tu web y tus redes sociales publicando directamente en tus redes sociales desde tu blog o insertando los feeds de tus redes sociales en tu web.

E-commerce

Una web de comercio electrónico vende bienes y servicios por Internet. WooCommerce es un plugin de código abierto que forma parte de la misma empresa que WordPress.com. Este plugin añade funciones clave de e-commerce en tu web, como páginas de productos, carritos de compra o procesamiento de pagos.

Carrito de compra

Los carritos de compra son carritos virtuales donde los visitantes añaden o guardan los productos que quieren comprar. Los carritos son lo que permite a los usuarios llevar la cuenta de los artículos que quieren comprar, además de ofrecer una forma de comprar varios productos en una sola transacción.

Procesamiento de pagos

Para que los usuarios puedan realizar un pago por Intenet, necesitas un software de procesamiento de pagos para recibir la información de las tarjetas de crédito y finalizar los pagos de forma segura.

Los sitios alojados en WordPress.com pueden recibir pagos de forma sencilla mediante Stripe, el bloque Contenido de pago y PayPal.

Partes de la web específicas de WordPress

Las webs de WordPress tienen su propio lenguaje interno para nombrar a diferentes aspectos del sitio. Si utilizas WordPress como CMS o WordPress.com para el hosting, estos términos te ayudarán a entender mejor la herramienta y todo lo que es posible hacer con ella.

Temas

Los temas de WordPress con plantillas de diseño profesional que puedes instalar y personalizar en tu sitio. Con los temas, puedes empezar a crear tu web de forma sencilla con un diseño base que elijas, y luego personalizar las tipografías, los colores, las imágenes, el texto o la disposición.

WordPress.com ofrece un montón de temas diferentes que se adaptan a todas las necesidades y estilos visuales, tanto gratuitos como de pago diseñados por terceros. También puedes instalar tus propios temas de terceros si tienes un plan Business o superior.

Plugins

Los plugins son como aplicaciones para tu web: expanden las funciones y funcionalidades de tu sitio. La biblioteca de plugins de WordPress ofrece plugins tanto gratuitos como de pago para diversos aspectos como la seguridad, SEO, marketing, formularios y mucho más.

Todos los usuarios de WordPress.com tienen a su disposición funcionalidades básicas gratuitas con el plugin Jetpack, y hay más funciones de Jetpack disponibles en planes superiores. Se pueden añadir plugins de terceros a sitios que tengan un plan Business o superior.

Patrones

Los patrones son elementos de diseño profesionales para las páginas más habituales en una web, como la página «Acerca de», galerías de fotos, escaparates de tiendas o páginas de contacto. Los patrones utilizan una serie de bloques de WordPress para crear diseños atractivos fáciles de personalizar.

Bloques

Los bloques son los cimientos de tu web de WordPress. Se trata de elementos que puedes arrastrar y soltar y añadirlos a cualquier página o entrada. Hay casi un centenar de bloques únicos para casi cualquier cosa: texto, archivos multimedia, formato, contenido insertado, diseños específicos para temas, formularios y mucho más, y se siguen añaden nuevos tipos de bloques.

En WordPress.com tienes incluso más opciones con los bloques de Jetpack.

Copias de seguridad

Las copias de seguridad del sitio guardan versiones previas de tu web para que puedas revertir tu sitio a un estado anterior si algo sale mal. Resulta muy útil a la hora de añadir o actualizar plugins, temas o la versión de WordPress. WordPress.com ofrece copias de seguridad con VaultPress en los planes Business o superiores.

Seguridad

La seguridad web es esencial para garantizar que tanto tus datos como los de los visitantes están protegidos. Las funciones de seguridad más habituales son: seguridad general del sitio para verificar tu web y bloquear ataques de phising o de spam, permisos para usuarios y privacidad del dominio para proteger tu información personal.

Una de las ventajas de utilizar un servicio de hosting gestionado como WordPress.com es que muchas de estas funciones de seguridad básicas (como las actualizaciones automáticas, los certificados SSL, la protección con firewall, la prevención de ataques de fuerza bruta, la monitorización del tiempo de inactividad y el análisis de vulnerabilidades) vienen incluidas, para tranquilidad de cualquier lego en la materia.

Lector

El Lector es un agregador de contenidos de WordPress.com que recopila contenido de sitios de WordPress con Jetpack activado. En el feed del Lector aparecerán las entradas de todos los blogs que sigues en un mismo lugar. También sirve para explorar nuevos blogs o que otros lectores encuentren el tuyo en búsquedas por categorías o etiquetas.

Crear tu web es muy sencillo

Si has leído el artículo completo, ¡enhorabuena! Ahora eres lingüista experto en desarrollo web. Si necesitas un poco de ayuda para empezar, WordPress.com tiene un montón de recursos a tu disposición en nuestro blog, guías y foros.

WordPress.com está especialmente diseñado para crear webs de todos los niveles: nosotros nos encargamos de todo para que tú solo tengas que descubrir el apasionante mundo de crear tu propia web. ¡Lánzate y crea tu web con WordPress.com!

Crea tu web con WordPress.com