Magento

Ive attached 2 screenshots of where i feel the h tag should be placed for optimum SEO and also the nofollow links.

Ive also attached the psd if anyone wants to add anything and reupload it

Ideally the best solution to prevent duplicate content would be adding some sort of ability to control the “ROBOTS” meta tag even a simple drop down with 4 options would do it. This could easily be added at the category and CMS page creation level. Also possibly add a rule where if a search refine option is selected add the robots tag with the value from the drop down.

the drop down would just need to be:

noindex, nofollow
noindex, follow
index, nofollow
index, follow

I think this would be the best solution going forward. Nothing major and hopefully implementable even as an extension.

Click thumbnail to see full-size image

magentoseo.zip  (File Size: 1050KB - Downloads: 182)

Anyone any additional comments?

I totally agree. However, at this stage, I think the only way to do it is to manually go into the template and do so.

Just so that other people can benefit:

I’ve just done some work to tag the Product Title as H1 and to remove the H1 tags from the default logo.

I’m using the default template but this should be roughly similar to most other templates. Fairly simple and straightforward, but its probably more for the newer folks rather than you advanced guys.

STEP 1 - Changing the Product Page H3 tag to H1 Tag

To do this, you first need to open up the product template file:

/app/design/frontend/default/default/template/catalog/product/view.phtml

Look for

<h3 class="product-name"><?php echo $this->htmlEscape($_product->getName()) ?></h3>

And change that to

<h1 class="product-name"><?php echo $this->htmlEscape($_product->getName()) ?></h1>

STEP 2 - Removing the H1 Tags from the Logo in the Header

To do this, you first need to open up the header template file:

/app/design/frontend/default/default/template/page/html/header.phtml

Look for

<h1 id="logo"><a href="<?php echo $this->getUrl('') ?>"><img src="<?php echo $this->getLogoSrc() ?>” alt="<?php echo $this->getLogoAlt() ?>” /></a></h1>

And change that to

<div id="logo"><a href="<?php echo $this->getUrl('') ?>"><img src="<?php echo $this->getLogoSrc() ?>” alt="<?php echo $this->getLogoAlt() ?>” /></a></div>

STEP 3 - Fixing up the CSS for #logo

Now you need to fix up the CSS so it looks the same as before.

To do this, you first need to open up the css file that contains this code:

/skin/adminhtml/default/default/boxes.css

Look for

h1#logo {

and change it to

#logo {

---------------------------------

That’s it you’re done.

fwhong - 09 September 2008 04:30 AM

Just so that other people can benefit:

I’ve just done some work to tag the Product Title as H1 and to remove the H1 tags from the default logo.

I’m using the default template but this should be roughly similar to most other templates. Fairly simple and straightforward, but its probably more for the newer folks rather than you advanced guys.

STEP 1 - Changing the Product Page H3 tag to H1 Tag

To do this, you first need to open up the product template file:

/app/design/frontend/default/default/template/catalog/product/view.phtml

Look for

<h3 class="product-name"><?php echo $this->htmlEscape($_product->getName()) ?></h3>

And change that to

<h1 class="product-name"><?php echo $this->htmlEscape($_product->getName()) ?></h1>

STEP 2 - Removing the H1 Tags from the Logo in the Header

To do this, you first need to open up the header template file:

/app/design/frontend/default/default/template/page/html/header.phtml

Look for

<h1 id="logo"><a href="<?php echo $this->getUrl('') ?>"><img src="<?php echo $this->getLogoSrc() ?>” alt="<?php echo $this->getLogoAlt() ?>” /></a></h1>

And change that to

<div id="logo"><a href="<?php echo $this->getUrl('') ?>"><img src="<?php echo $this->getLogoSrc() ?>” alt="<?php echo $this->getLogoAlt() ?>” /></a></div>

STEP 3 - Fixing up the CSS for #logo

Now you need to fix up the CSS so it looks the same as before.

To do this, you first need to open up the css file that contains this code:

/skin/adminhtml/default/default/boxes.css

Look for

h1#logo {

and change it to

#logo {

---------------------------------

That’s it you’re done.

usefull tip for anyone who hasnt already done similar

Awesome tip and solves an important issue. However I think there’s a small inaccuracy in the Step 3 instruction (for the novice).

STEP 3 - Fixing up the CSS for #logo

/skin/adminhtml/default/default/boxes.css

I think that path should be:

/skin/frontend/default/default/boxes.css

Hope this helps,

Cheers,

Rich

This is a great tip, thanks.

Nice tip, appreciated, thank you.

I don’t understand what this is suppose to do?

I have a problem with this, when I follow these instructions, I end up with no H1 tags all? Surely this is wrong when it’s the most important tag?

Your <h1> tags would be your product headings on each of your product pages instead of the logo which is ideal. You would also need to implement this on all of your category and sub-category page headings which I am having a little bit of an issue with so far.

I edited both view.phtml and page.phtml in this directory: app/design/frontend/default/default/template/catalog/category/

I changed in page.phtml:

to:

and in the view.phtml file:

to this:

The problem is this only changed one of my category headings, the rest remained <h2> tags.

I figured out how to remedy this issue if anyone encountered the same thing. When I enabled display static block and products in the category it changes the <h2> tags to <h1>… Hope this helps.

i am new to seo and all.
i did what was there in this tutorial and i already see great improvement on search results. but say if i have a painting store . now should include the word “painting” in the title. It then look like “apple painting” instead of just “ apple” for all my products or should i just add “painting” to meta title? not sure which works better for search engines

thx for the help

http://www.magentocommerce.com/boards/viewthread/25017/

If you see my post here I have noticed on my store using Modern Theme that the <h4> tag “Skip to Store Area” is displaying as the first header tag on the page in the source code (and is being indexed by Google as such).  As far as I am aware the first header tag should be <h1>.  Does anyone know how to make the title like in the example above display as the first header tag.  I have a feeling this <h4> tag is taking away from my SEO given that it relates in no way to the content of my site (can it just be removed?)

Any help greatly appreciated.

Dan

Doesn’t this make your product name and category name titles huge? I’d like to do this, but don’t want to make my pages look weird because of large titles and wrapping text. I’m I understanding the recommendation?