Cambiar Header por imagen sin alterar SEO y Busquedas

Inicio Foros WordPress Themes y Diseño Cambiar Header por imagen sin alterar SEO y Busquedas

Este debate contiene 1 respuesta, tiene 2 mensajes y lo actualizó  imported_j.conti hace 9 años.

  • Autor
    Publicaciones
  • #14383

    rubio25
    Participante

    <p>Hola amigos quiero cambiar el header de mi tema por una imagen, logre hacerlo pero eliminando las lineas:</p>
    <p> &lt;h1&gt;<a>/" title="&lt;?php bloginfo(‘name’);?&gt;"&gt;&lt;?php bloginfo(‘name’);?&gt;</a>&lt;/h1&gt; &lt;h2&gt;&lt;?php bloginfo(‘description’); ?&gt;&lt;/h2&gt;<br />
    y cambiando la imagen predefinida por el tema en style.css pero estuve leyendo y parece que si hago esto despues voy a tener problemas con google con respecto a las busquedas y el nombre del blog, etc. aki les copio el ccs de mi header para que me ayuden un poco. GRacias.</p>
    <p>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;<br />
    &lt;html xmlns="http://www.w3.org/1999/xhtml&quot; &lt;?php language_attributes(); ?&gt;&gt;<br />
    &lt;head profile="http://gmpg.org/xfn/11"&gt;<br />
    &lt;meta http-equiv="Content-Type" content="&lt;?php bloginfo(‘html_type’); ?&gt;; charset=&lt;?php bloginfo(‘charset’); ?&gt;" /&gt;<br />
    &lt;title&gt;&lt;?php bloginfo(‘name’); ?&gt; &lt;?php if ( is_single() ) { ?&gt; &raquo; Blog Archive &lt;?php } ?&gt; &lt;?php wp_title(); ?&gt;&lt;/title&gt;<br />
    &lt;meta name="generator" content="WordPress &lt;?php bloginfo(‘version’); ?&gt;" /&gt; &lt;!– leave this for stats –&gt;<br />
    &lt;meta name="description" content="&lt;?php bloginfo(‘description’) ?&gt;" /&gt;<br />
    &lt;meta name="keywords" content="" /&gt;<br />
    &lt;link rel="stylesheet" href="&lt;?php bloginfo(‘stylesheet_url’); ?&gt;" type="text/css" media="all" /&gt;<br />
    &lt;link rel="alternate" type="application/rss+xml" title="&lt;?php bloginfo(‘name’); ?&gt; RSS Feed" href="&lt;?php bloginfo(‘rss2_url’); ?&gt;" /&gt;<br />
    &lt;link rel="pingback" href="&lt;?php bloginfo(‘pingback_url’); ?&gt;" /&gt;<br />
    &lt;script type="text/javascript" src="&lt;?php bloginfo(‘template_directory’); ?&gt;/js/jquery-1.2.6.min.js"&gt;&lt;/script&gt;<br />
    &lt;script type="text/javascript" src="&lt;?php bloginfo(‘template_directory’); ?&gt;/js/slider.js"&gt;&lt;/script&gt;<br />
    &lt;link rel="stylesheet" type="text/css" href="&lt;?php bloginfo(‘template_directory’); ?&gt;/glide.css" media="screen" /&gt;<br />
    &lt;link rel="stylesheet" type="text/css" href="&lt;?php bloginfo(‘template_directory’); ?&gt;/banner.css" media="screen" /&gt; </p>
    <p>&lt;script type="text/javascript"&gt;&lt;!–//–&gt;&lt;![CDATA[//&gt;&lt;!–<br />
    sfHover = function() {<br />
    if (!document.getElementsByTagName) return false;<br />
    var sfEls = document.getElementById("menu").getElementsByTagName("li");<br />
    var sfEls1 = document.getElementById("catmenu").getElementsByTagName("li");<br />
    for (var i=0; i&lt;sfEls.length; i++) {<br />
    sfEls.onmouseover=function() {<br />
    this.className+=" sfhover";<br />
    }<br />
    sfEls
    .onmouseout=function() {<br />
    this.className=this.className.replace(new RegExp(" sfhover\b"), "");<br />
    }<br />
    }<br />
    for (var i=0; i&lt;sfEls1.length; i++) {<br />
    sfEls1
    .onmouseover=function() {<br />
    this.className+=" sfhover1";<br />
    }<br />
    sfEls1
    .onmouseout=function() {<br />
    this.className=this.className.replace(new RegExp(" sfhover1\b"), "");<br />
    }<br />
    }<br />
    }<br />
    if (window.attachEvent) window.attachEvent("onload", sfHover);<br />
    //–&gt;&lt;!]]&gt;&lt;/script&gt;</p>
    <p>&lt;?php wp_get_archives(‘type=monthly&amp;format=link’); ?&gt;<br />
    &lt;?php //comments_popup_script(); // off by default ?&gt;<br />
    &lt;?php<br />
    if ( is_singular() ) wp_enqueue_script( ‘comment-reply’ );<br />
    wp_head(); ?&gt;</p>
    <p>&lt;/head&gt;</p>
    <p>&lt;body&gt;</p>
    <p>&lt;div id="wrapper"&gt;</p>
    <p>&lt;div id="topbar"&gt;<br />
    &lt;div id="dates"&gt;&lt;?php echo date(‘l, F j, Y’); ?&gt;&lt;/div&gt;<br />
    &lt;?php include (TEMPLATEPATH . ‘/searchform.php’); ?&gt;</p>
    <p>&lt;/div&gt;</p>
    <p>&lt;div id="top"&gt; </p>
    <p>&lt;div class="blogname"&gt;<br />
    &lt;h1&gt;<a>/" title="&lt;?php bloginfo(‘name’);?&gt;"&gt;&lt;?php bloginfo(‘name’);?&gt;</a>&lt;/h1&gt;<br />
    &lt;h2&gt;&lt;?php bloginfo(‘description’); ?&gt;&lt;/h2&gt;</p>
    <p>&lt;/div&gt;</p>
    <p>&lt;/div&gt;</p>
    <p>&lt;div id="foxmenucontainer"&gt;<br />
    &lt;div id="menu"&gt;</p>
    <ul>
    <li><a>"&gt;Home</a></li>
    <p> &lt;?php wp_list_pages(‘title_li=&amp;depth=4&amp;sort_column=menu_order’); ?&gt;</p>
    </ul>
    <p> &lt;/div&gt;<br />
    &lt;/div&gt;<br />
    &lt;div class="clear"&gt;&lt;/div&gt;<br />
    &lt;div id="catmenucontainer"&gt;<br />
    &lt;div id="catmenu"&gt;</p>
    <ul>
    &lt;?php wp_list_categories(‘sort_column=name&amp;title_li=&amp;depth=4’); ?&gt;
    </ul>
    <p> &lt;/div&gt;<br />
    &lt;/div&gt;<br />
    &lt;div class="clear"&gt;&lt;/div&gt;<br />
    &lt;div id="casing"&gt;
    </p>

  • #32276

    imported_j.conti
    Participante

    Hola,

    Te iba a contestar en el otro hilo, pero como has abierto este, te conteste aquí.
    Has mezclado conceptos. Si eliminas esas líneas, no pierdes SEO, ya que el título del blog está en [code]<title>…</title>[/code]

    Instala [url=http://wordpress.org/extend/plugins/all-in-one-seo-pack/]All in One SEO Pack[/url] y configúralo. De esta forma tendrás la descripción del blog y el SEO aumenta considerablemente.

    Lo que se habla en el otro hilo es que no es muy recomendable esconder texto, no eliminarlo.

    En su defecto, puedes sustituir las líneas que tú mencionas por estas:

    [code]<h1 id=”logo”><%a href%=”http://www.tublog.com/”><%/a%></h1>[/code]

    Que sepas, que no consigo escribir el código bien ya que queda escondido cuando lo publico, elimina todos los signos % para que sea el correcto.

    Después, en la hoja CSS
    Crea estas líneas:

    [code]#top h1 a {
    background: url(“http://url_a_imagen/logo.gif”) center left no-repeat;
    width: XXXpx;
    height:XXXpx;
    }[/code]

    Siendo XXX el tamaño en px

    Según como sea tu hoja de estilos, puede variar el código que te he puesto o puedes tener que poner donde quieres que salga.

    Un Saludo

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest