Como poner H1 en el blog cuando la cabecera es una imagen

Estado
No está abierto para más respuestas.

gesio

Oro
Usuario de Bronce
Mensajes
1,028
Puntuación de reacción
0
Bueno estoy empezando a esperimentar en wordpress y la verdad que hay muchas cosas que aun no me entero.

Estoy tratando de conseguir que aparezca un H1 en el blog, pero tengo puesta un banner.

el codigo de header.php que es donde deberia modiciarlo es este:

Código:
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8" />
<title><?php
    global $page, $paged;
    wp_title( '|', true, 'right' );
    bloginfo( 'name' );
    $site_description = get_bloginfo( 'description', 'display' );
    if ( $site_description && ( is_home() || is_front_page() ) )
        echo " | $site_description";
    if ( $paged >= 2 || $page >= 2 )
        echo ' | ' . sprintf( 'Pagina %s', max( $paged, $page ) );
?></title>
<?php
    /*THREAD Comments*/
    if ( is_singular() && get_option( 'thread_comments' ) )
        wp_enqueue_script( 'comment-reply' );
    wp_head();
    /*Algunas cosas importantes*/
    global $sa_options;
    $opciones = get_option( 'sa_options', $sa_options );
    $URL = get_bloginfo('home');
?>
<link rel="stylesheet" type="text/css" href="<?php bloginfo( 'template_url' );?>/css/normalize.css" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo( 'stylesheet_url' );?>?<?php echo time();?>" />
<?php if($opciones['favicon_url']!='' and strlen($opciones['favicon_url']) > 10): ?>
<link href='<?php echo $opciones['favicon_url'];?>' rel='shortcut icon' type='image/x-icon'/>
<link href='<?php echo $opciones['favicon_url'];?>' type='image/x-icon'/>
<?php endif;?>
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <style>.widget{border:1px solid #eee}</style>
<![endif]-->
</head>
<body <?php body_class(); ?>>
<div id="wrapper" class="group">
<header id="header" class="group">
        <div id="logo">
        
            <a href="<?php echo $URL; ?>" title="Página principal">
                <img src="<?php header_image(); ?>" height="<?php echo get_custom_header()->height; ?>" width="<?php echo get_custom_header()->width; ?>" alt="" />
            </a>
        
        </div>


        <div class="clear"></div>
        <nav id="menu" role="navigation">
            <?php 
            if($opciones['adsense_menu']!='' and  strlen($opciones['adsense_menu'])>15){
                echo '<span class="ads_menu" >'.$opciones['adsense_menu'].'<span';
            }else{
                if(has_nav_menu('top_menu')){
                    wp_nav_menu('theme_location=top_menu'); 
                }
                else {
                   if ( is_user_logged_in() ) {
                    echo '<ul><li><a class="active" href="'.$URL.'/wp-admin/nav-menus.php">→ Agregue aquí un menu o Adsense</a><li></ul>';
                    }
                }
            }
            ?>
        </nav>    
</header>
    <div id="container" class="group">


¿Alguien me puedes ayudar?

Gracias.
 

Bleed

Diamante
Usuario de Bronce
Mensajes
2,408
Puntuación de reacción
1
H1 se utiliza para resaltar texto, no tiene sentido usarlo con una imagen. Aunque tampoco se si te he entendido bien, ¿que es lo que querias hacer?

Enviado desde mi LG-P700 usando Tapatalk 2
 

gesio

Oro
Usuario de Bronce
Mensajes
1,028
Puntuación de reacción
0
H1 se utiliza para resaltar texto, no tiene sentido usarlo con una imagen. Aunque tampoco se si te he entendido bien, ¿que es lo que querias hacer?

Enviado desde mi LG-P700 usando Tapatalk 2


Cuando analizas en paginas SEO el blog aparece como que no tiene un H1

Entonces yo buscaba que apareciera un H1 con el nombre del Blog y ademas la imagen.

Lo tnego en otros blog, pero me lo hicieron y volver a pagar me jode :(

Creo que seguro que alguien del foro lo sabe.
 

Bleed

Diamante
Usuario de Bronce
Mensajes
2,408
Puntuación de reacción
1
Eso lo tienes dentro del div con id="logo", donde ahora solo aparece el logo. Añade debajo lo que quieras y lo metes entre <h1> y </h1>
 

gesio

Oro
Usuario de Bronce
Mensajes
1,028
Puntuación de reacción
0
Eso lo tienes dentro del div con id="logo", donde ahora solo aparece el logo. Añade debajo lo que quieras y lo metes entre <h1> y </h1>

Sirve mas o menos, el problema es que al ponerlo me aparece luego encima del logo el nombre que pongo. No queda oculto.
 

Bleed

Diamante
Usuario de Bronce
Mensajes
2,408
Puntuación de reacción
1
Sirve mas o menos, el problema es que al ponerlo me aparece luego encima del logo el nombre que pongo. No queda oculto.

¿Entonces quieres poner el H1 pero que no sea visible para el usuario? Prueba con CSS añadiendo un display none.

Enviado desde mi LG-P700 usando Tapatalk 2
 

gesio

Oro
Usuario de Bronce
Mensajes
1,028
Puntuación de reacción
0
¿Entonces quieres poner el H1 pero que no sea visible para el usuario? Prueba con CSS añadiendo un display none.

Enviado desde mi LG-P700 usando Tapatalk 2


Si basicamente eso, pero no se como se hace :(

controlo 0 en CSS
 

Bleed

Diamante
Usuario de Bronce
Mensajes
2,408
Puntuación de reacción
1
<h1 style="display:none;">H1 Oculto</h1>
 
Mensajes
71
Puntuación de reacción
0
Me lo apunto yo también para un blog de los que crea títulos "molones" pero poco optimizados.
 
Mensajes
10
Puntuación de reacción
0
Me lo anoto para cuando me toque, siempre me pone nervioso ese maldito mensaje en las páginas que comprueban el SEO :D
 
Mensajes
182
Puntuación de reacción
0
<h1 style="display:none;">H1 Oculto</h1>

Tengo el mismo problema y esta parece la solución (Gracias por el aporte!)

Pero me surge una duda, ¿No penaliza Google el texto oculto? Cloaking creo que se llama

Gracias de nuevo

Saludos
 
Mensajes
1
Puntuación de reacción
0
Buenas soy nuevo en el foro. Yo tengo un problema mi web no consta de <h1>, he provado todo lo que he encontrado por los buscadores y no consigo arreglar al guna ayuda, seria para una web hecha con worpress. Gracias

Saludos
 
Mensajes
336
Puntuación de reacción
3
Perfecto tio :)

eres un crack :)
El display none no lo aconsejo mucho, prueba mejor con esto:

<h1 style="text-indent: -9999px;">H1 Oculto</h1>


Buenas soy nuevo en el foro. Yo tengo un problema mi web no consta de <h1>, he provado todo lo que he encontrado por los buscadores y no consigo arreglar al guna ayuda, seria para una web hecha con worpress. Gracias

Saludos

Edita tu archivo header y agrégalo debajo del logo, puedes usar Notepad ++ para la edición del php :)
Saludos!
 
Última edición:

Pure Profit

Oro
Usuario de Bronce
Mensajes
1,085
Puntuación de reacción
0
Me viene de perlas esto para una web que tenía sin H1 y que no lo quería mostrar.

Una pregunta...¿conviene tener el mismo texto en H1 y en Title en la página principal?

Gracias
 

Zeokat

Oro
Usuario de Bronce
Mensajes
1,193
Puntuación de reacción
4
Yo creo que no hace falta hacer eso por varios motivos:

1) Usar webs que te dicen que analizan el SEO y hacerles caso es un error grave. Puede darte algunos consejos buenos pero como todo lo automatizado no siemrpe acierta.

2) Si pones un h1 en el header.php cuando visites un artículo tendrás un doble h1, el que tienes oculto y el del titulo del artículo lo cual no ayuda a posicionar los artículos individuales.

3) Usar CSS para ocultar links está penalizado por Google, no se si también penaliza el ocultar cabeceras.

Analiza blogs de expertos en SEO y verás que lo que digo es cierto. Cito uno de mis recursos favoritos para aprender: https://yoast.com/articles/wordpress-seo/

Y para esto hay que prestar atencion a lo siguiente:
2.2 Headings

Although most themes for WordPress get this right, make sure your post title is an <h1>, and nothing else. Your blog’s name should only be an <h1> on your front page, and on single, post, and category pages, it should be no more than an <h3>. Your sidebar shouldn’t be crammed with <h2> and <h3>‘s either etc.
 
Última edición:
Estado
No está abierto para más respuestas.
Arriba