1. chrislep62
  2. Commercial Templates
  3. Wednesday, 29 January 2014
  4.  Subscribe via email
Hi there

I've just finished a website with Resonate. Looks great, great work guys, not a single issue with the template and fast loading.

However I noticed the logo is embedded in an h1 tag at the top left corner. As I'm using an image, I don't know how it affects search engines, but when using text I'd say it's really not good practice for SEO as there should be only one unique h1 per page.

Do you think you could make the logo a div instead of an h1 tag ? Just to make sure to avoid confusion with search engines and to be on the safe side with them ?

I haven't tested the other templates to compare, but i thought it could be a good idea to implement in future templates.

Apart from that, thumbs up, impressive templates :)
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Thank you for your kinds words. :)

We have considered changing the H1 tags however opinion on how these tags effect SEO seems to be pretty varied. You will find Googles Matt Cutts here saying multiple H1 tags (in moderation) won't effect your ranking.. https://www.youtube.com/watch?v=GIn5qJKU8VM, however I believe the opposite is true for Bing.

Regardless if you wish to convert your logo image from a H1 tag to an IMG you can follow these steps...

Locate the following in the templates header.php (../templates/[YourTemplate]/php/layouts/header.php)..

<h1 class="logo"> <a href="/index.php" title="<?php echo $siteName; ?>"><span>
<?php echo $siteName; ?>
</span></a> </h1>


And replace with…

<div class="logo"> <a href="/index.php" title="<?php echo $siteName; ?>"><span>
<?php if($this->params->get('logoimagefile') == '') : ?>
<img style="display: block;" src="/<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/images/logo.png" alt="Logo" />
<?php elseif($this->params->get('logoimagefile') != '') : ?>
<img style="display: block;" src="/<?php echo $this->baseurl ?>/<?php echo $logoimagefile; ?>" alt="Logo" />
<?php endif; ?>
</span></a> </div>


In your templates template.css (../templates/[YourTemplate]/css/template.css locate the following (approx. line 33)…

h1.logo {margin:0; padding:0;}
h1.logo a {display:block; position:relative; z-index:0; width:100%; background: url(../images/logo.png) 0 0 no-repeat; z-index:10;}


And replace with…

.logo a {display:block; position:relative; z-index:20;}


And finally in your templates styles.php (../templates/[YourTemplate]/php/styles.php) locate the following (approx line 73)…

h1.logo a {left:<?php echo ($logo_x); ?>px}
h1.logo a {top:<?php echo ($logo_y); ?>px}

<?php if($this->params->get('logoimagefile') == '') : ?>
h1.logo a {background: url(<?php echo $defaultlogoimage; ?>;) no-repeat; z-index:1;}

<?php elseif($this->params->get('logoimagefile') != '') : ?>
h1.logo a {background: url(<?php echo $this->baseurl ?>/<?php echo $logoimagefile; ?>;) no-repeat; z-index:1;}
<?php endif; ?>


And replace with…

.logo a {left:<?php echo ($logo_x); ?>px}
.logo a {top:<?php echo ($logo_y); ?>px}


Hope this helps.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi there

Thanks a lot for the suggestion and the link to the video. I wasn't sure a couple of h1s per page was ok for google and, considering it comes from Matt Cutts, I'm fine with the logo in an h1 tag now.

Another big thank you for all the lines of code you shared and great support.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok