¿Cómo simplificar la maquetación de sitios web con elementos repetitivos?

Angel Sanche · 21 Feb 2018

Buen día colegas,

Ya tengo varios días con una duda en mi cabeza y no he encontrado una buena respuesta en Internet. Cuando estamos maquetando un sitio web con muchas páginas, hay elementos que se repiten, como las cabeceras, los menú, y los pie de páginas, etc. Quisiera saber si hay manera de crear un solo elemento, "header", "menu", "footer", etc, e insertarlos en las páginas. Esto ayudaría mucho con las modificaciones y otras cosas. Algo similar como lo hace WordPress.

Estuve pensando utilizar PHP con los include, pero leí que no es bueno para el SEO. Así que busco mas alternativas. ¿Tienen alguna idea?

¡Muchas gracias por su tiempo!

navar · 21 Feb 2018

en youtube hay artos videos sobre este tema

Angel Sanche · 21 Feb 2018

navar dijo:
en youtube hay artos videos sobre este tema

Gracias por tu respuesta. Tiene algún nombre esa manera de maquetar, con que palabra clave busco los videos?

xxphiterx · 21 Feb 2018

Para darles el mismo estilo, utiliza CSS, lo demas es estructura HTML, si lo haces con PHP o Wordpress. es lo mismo. Por ejemplo puedes ver bootstratp, sus clases le dan el estilo a las diferentes cajas.

sanmen1593 · 21 Feb 2018

Crea layouts reutilzables.

header.html
footer.html
sidebar.html

Y luego solo incluyelos en cada pagina.

Angel Sanche · 21 Feb 2018

xxphiterx dijo:
Para darles el mismo estilo, utiliza CSS, lo demas es estructura HTML, si lo haces con PHP o Wordpress. es lo mismo. Por ejemplo puedes ver bootstratp, sus clases le dan el estilo a las diferentes cajas.

Me refiero a crear algo así; Una carpeta donde tenga, header.html, menu.html, etc. Y en las paginas solo llamar estos archivos. Si deseo cambiar el menu, no estilos, si no elementos, me voy a menu.html y realizo el cambio, y no tener que ir pagina por pagina agregando los nuevos elementos.

- - - Actualizado - - -

sanmen1593 dijo:
Crea layouts reutilzables.

header.html
footer.html
sidebar.html

Y luego solo incluyelos en cada pagina.

Esa es la idea, pero cual es la mejor manera de incluirlos sin que me afecte en SEO?

sanmen1593 · 21 Feb 2018

Angel Sanche dijo:
Esa es la idea, pero cual es la mejor manera de incluirlos sin que me afecte en SEO?

No entiendo que tiene que ver esto con el SEO. Estamos hablando de PHP? A la final eso se une todo en un solo "html" que se envia al navegador (robots, etc). Para Google eso es transparente. De hecho Wordpress utiliza los include (o algo muy similar)

Otra cosa seria que estuvieras usando algun framework como React o Angular, ya que ellos agregan el html cuando ya ha cargado la pagina en el navegador.

csnotcs · 21 Feb 2018

Yo lo que hago es usar masters.

O sea, todo lo que sea igual en las páginas (o en la mayoria) lo pongo como un archivo a parte y hago que mi documento llame a ese archivo. Y creo un css maestro que de estilo a toda la web entera. Ya las otras modificaciones que necesite cada página las hago en el mismo html.

Y si es la misma estructura html copio y pego ese archivo y lo renombro xd

Y realmente no afecta eso al SEO, no sé donde se te ocurre que pueda afectar.

NJCalvo · 21 Feb 2018

Los include no afectarán el seo, Google ve todo como un documento, no tiene idea si hay o no includes.

willianar · 21 Feb 2018

Aqui te dejo un link con herramientas que puedes utilizar para MAQUETER WEBS DE MABERA SENCILLA;
tal vez aqui encuentres la respuesta o algo de ayuda:

8 herramientas para maquetar webs - Rafel Sansó

Farok · 26 Feb 2018

Eso que quieres hacer, se puede hacer con php con "includes" te toca aprender php ^^

querumusic · 13 Mar 2018

EricSerra1987 dijo:
hola!

por ejemplo:

$urlmatches = array();

if ($nuestrourl == '/')
{
$keyword = ''.$artistasaleatorios[rand(0, count($artistasaleatorios)-1)].'';
$numpagina = 1;
$PAGINADO = "";
$thispagename = 'index';
}

// página de búsqueda, sin número de página
elseif (preg_match("@^/([^/]+)/([^/]+)$@is", $nuestrourl, $urlmatches))
{
$keyword = $urlmatches[2];
$numpagina = 1;
$PAGINADO = "";
$thispagename = 'index1';
}

include("indexNew.php");

y dentro del include puedes crear:

if ($thispagename =='index1')
require_once($basedir . '/Bloques/header1.php');

elseif ($thispagename =='index')
require_once($basedir . '/Bloques/header.php');

a si puedes llamar los archivos de cada url.

a si tengo creada mi pagina web Descargar Musica Gratis - Taringa MP3

Cual es ese plugin o eso que tienes para hacer donaciones , puedes decir el nombre por favor?

lipsumm · 17 May 2018

Puedes usar includes de PHP perfectamente, no tiene nada que ver con el SEO ni le afecta negativamente.

Al final lo que te importa es lo que renderice tu navegador, que va a ser el resultado de combinar todos esos includes, como si desde el principio hubieras escrito todo en HTML. El resultado es el mismo para Google.

Aunque llegados a ese punto, puedes plantearte usar un CMS como WordPress, que te ayuda mucho a publicar contenidos de forma rápida y está hecho en PHP.

¿Cómo simplificar la maquetación de sitios web con elementos repetitivos?

Angel Sanche

navar

Angel Sanche

xxphiterx

sanmen1593

Angel Sanche

sanmen1593

csnotcs

NJCalvo

willianar

Farok

querumusic

lipsumm

Privacidad y transparencia

Privacidad y transparencia