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

  • Autor Autor Angel Sanche
  • Fecha de inicio Fecha de inicio
Angel Sanche

Angel Sanche

Gamma
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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!
 
en youtube hay artos videos sobre este tema
 
navar dijo:
en youtube hay artos videos sobre este tema
Hacer clic para expandir...

Gracias por tu respuesta. Tiene algún nombre esa manera de maquetar, con que palabra clave busco los videos?
 
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.
 
Crea layouts reutilzables.

header.html
footer.html
sidebar.html

Y luego solo incluyelos en cada pagina.
 
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.
Hacer clic para expandir...

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.
Hacer clic para expandir...

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

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.
 
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.
 
Los include no afectarán el seo, Google ve todo como un documento, no tiene idea si hay o no includes.
 
Eso que quieres hacer, se puede hacer con php con "includes" te toca aprender php ^^
 
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
Hacer clic para expandir...

Cual es ese plugin o eso que tienes para hacer donaciones , puedes decir el nombre por favor?
 
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.
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba