Necesitas meter una tabla en una página de tu web: una lista de precios, un horario, una comparativa. En WordPress se hace sin plugins y en dos minutos. Lo que casi nadie te cuenta es qué pasa con esa tabla cuando alguien la abre desde el móvil, que es donde te va a leer más de la mitad de tu gente.
La forma rápida: el bloque de tabla
WordPress trae un bloque de tablas de serie. No hace falta instalar nada.
- Edita la página o la entrada donde la quieras.
- Pulsa el botón + para añadir un bloque.
- Escribe tabla en el buscador y elige el bloque Tabla.
- Te pregunta cuántas columnas y cuántas filas quieres. Pon las que necesites, que luego se cambian.
- Pulsa Crear tabla y escribe dentro de cada celda.
Para moverte entre celdas, el tabulador. Y para añadir o quitar filas y columnas, pincha en una celda y usa el icono de editar tabla de la barra de herramientas que sale encima.
Los tres ajustes que marcan la diferencia
Con la tabla creada, en el panel de la derecha tienes sus opciones. Estas tres son las que conviene tocar siempre:
| Ajuste | Por qué importa |
|---|---|
| Sección de encabezado | Actívala. Convierte la primera fila en cabecera de verdad. No es solo que se vea en negrita: es lo que permite entender la tabla a quien navega con un lector de pantalla, y lo que hace que Google sepa de qué va cada columna. |
| Celdas de ancho fijo | Desactivada, las columnas se reparten el espacio según su contenido, que suele quedar mejor. Actívala solo si quieres todas iguales. |
| Estilo con bandas | Pinta las filas alternas. En tablas largas se agradece mucho al leer. |
Una tabla de seis columnas se ve estupenda en tu portátil y es ilegible en un móvil. O se sale de la pantalla, o encoge la letra hasta que no se lee, o descoloca el resto de la página. Y por el móvil te entra más de la mitad de las visitas. Antes de dar por buena una tabla, ábrela en tu teléfono.
Que la tabla no rompa el móvil
Hay tres soluciones, de menos a más trabajo:
- Menos columnas. La mejor con diferencia. Tres o cuatro columnas caben en cualquier pantalla. Si tienes ocho, casi seguro que hay dos tablas ahí dentro.
- Dejar que se deslice de lado. La tabla se queda en su ancho y el lector la arrastra con el dedo. Es lo que hacen los temas bien hechos, y lo que usamos en estos artículos.
- Que se apile. En móvil cada fila se convierte en una fichita. Se ve muy bien, pero requiere que el tema o un plugin lo hagan.
- No metas una tabla como imagen. Se ve borrosa al ampliar, no se puede copiar, no la lee Google y es inaccesible para quien no ve.
- No uses tablas para maquetar la página. Para eso están las columnas. Las tablas son para datos.
- No pegues directamente desde Word: se trae basura de formato oculta que luego da problemas.
Traerte una tabla de Excel o de Google Sheets
Si ya tienes los datos en una hoja de cálculo, no los reescribas:
- Selecciona el rango en Excel, Google Sheets o Numbers y cópialo.
- En WordPress, crea un bloque de tabla con el número de filas y columnas que tenga.
- Pega con Ctrl+Shift+V (o Cmd+Shift+V en Mac), que pega sin formato.
Ese pegado sin formato es la clave. Si pegas normal, WordPress se trae los estilos de la hoja de cálculo y luego pelea con los de tu web.
Cuándo hace falta un plugin
El bloque de serie cubre la mayoría de casos. Un plugin como TablePress compensa solo si necesitas alguna de estas cosas:
- Tablas largas, de cientos de filas, con buscador y paginación.
- Que el visitante pueda ordenar por columnas.
- Reutilizar la misma tabla en varias páginas y editarla en un solo sitio.
- Actualizarla importando un archivo de hoja de cálculo cada cierto tiempo.
Si no estás en ninguno de esos casos, no instales nada. Cada plugin es código que se ejecuta en cada visita, que hay que mantener actualizado y que puede chocar con otro. La web más rápida y más segura es la que tiene menos cosas dentro.
Si todavía usas el editor clásico
El editor clásico no trae tablas. Ahí las opciones son instalar el complemento TinyMCE Advanced, que añade el botón de tabla, usar TablePress, o escribir el HTML a mano en la pestaña Texto. Esta última funciona siempre:
<table>
<thead>
<tr><th>Servicio</th><th>Qué incluye</th></tr>
</thead>
<tbody>
<tr><td>Ejemplo</td><td>Lo que sea</td></tr>
</tbody>
</table>Si vas a seguir manteniendo esta web, merece la pena pasar al editor de bloques. El clásico lleva años en cuidados paliativos.
Preguntas frecuentes
¿Puedo combinar celdas, como en Word?
El bloque de tabla de WordPress no lo permite. Si necesitas celdas combinadas, tendrás que escribir el HTML a mano o usar un plugin. Antes de meterte en eso, pregúntate si esa tabla no se entendería mejor partida en dos.
¿Cómo le cambio los colores o los bordes?
Los estilos los pone tu tema, y lo normal es que ya vayan a juego con el resto de la web. Cámbialos solo si hay una razón, y hazlo en los ajustes del tema, no metiendo estilos sueltos en la página: si algún día cambias de tema, todo eso se queda descolgado.
¿Las tablas ayudan o perjudican en Google?
Ayudan, si son tablas de verdad: con su fila de encabezado y su texto seleccionable. Google las entiende bien y a veces las usa para responder directamente en los resultados de búsqueda. Lo que no le sirve de nada es una tabla que es una captura de pantalla.
He añadido la tabla y no se ve igual que en el editor
Casi siempre es la caché: tu web guarda una copia de la página para servirla más rápido y sigue mostrando la versión anterior. Vacía la caché del plugin que uses y recarga sin caché. Si tu plan lo llevamos nosotros, esto lo hacemos al vuelo.
¿Puedo poner enlaces o imágenes dentro de una celda?
Enlaces sí, seleccionando el texto y usando el botón de enlazar. Imágenes, no directamente en el bloque de tabla. Si necesitas una tabla con fotos, ahí sí toca plugin.
- Qué es WordPress, si acabas de llegar.
- Qué es el htaccess, el archivo que hace que tus direcciones sean bonitas.
Si tu WordPress lo llevamos nosotros
Nos mandas la hoja de cálculo y te dejamos la tabla montada en la página, comprobada en móvil y sin instalar nada que no haga falta. Y si lo que quieres es aprender a hacerlo tú, te lo enseñamos en una llamada. Tú decides hasta dónde te metes.
¿Te la montamos nosotros?
Si tienes los datos y no quieres pelearte con el editor, mándanoslos y lo dejamos publicado y bien visto en el móvil. Hablas con una persona. Sin compromiso.
Cuéntanoslo