Welcome to the Q&A Forum

Thanks Dan

Hi Dan,

This is quite interesting. I have n't had time to fully investigate, but it is vital that the pop-up window has a hyperlink to the appropriate page.

What I was really hoping for was an 'app' that displays the sixteen images, has rollover functionality, and allows a visible text description of the image.

Thanks for your efforts and advice.

Colin

Hi Dan,

I am using using CCS / HTML, as can be seen at www.just-insulation.com and at http://ow.ly/oWy64.

The trouble is that I wish to replicate the simple existing presentation, yet keep it simple enough for a novice in our office to regularly update.

Our business is sell House Insulation ... not the sexiest thing in the world!  All of the add-ins that I have encountered offer clever graphic solutions. However, I do not want to distract our visitors with flashy images that will detract from the functional presentation of information that we are trying to achieve.

Colin

G'day Jesse,

I have added the following code to my .htaccess file ...

RewriteEngine On
RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /.index.html\ HTTP/
RewriteRule ^(.)index.html$ http://www.just-insulation.com/$1 [R=301,L]

All attempts to add a similar code to redirect in the other direction results in the home page not loading, or the creation of an infinite loop.

Open Site Explorer still returns ...
www.just-insulation.com a PA of 32 and 
www.just-insulation.com/index.html a PA of 15

The thought of all this lost link juice is making me really thirsty.

Should I understand that you are proposing that I use the .htaccess file to create a server side redirect?

Thanks again for your input, Jesse.

Your 301 Redirect has me worried. We presently have the canonical statement on our home page ...  - and thought that this was the correct way to prioritise http://www.just-insulation.com over http://www.just-insulation.com/index.com . Also, the weekly Moz Campaign Crawl Diagnostics is not showing any errors. Can you elaborate on the best method to resolve this issue?

I continue to search for an appropriate SEO friendly Add-in that will allow me to frequently change the front page images / hyperlinks / descriptions / etcetera. However, I certainly do take your advice on board.

Many thanks.

Greetings Jesse,

Thanks for the feedback. It seems that once I removed the drop shadows from the images, the situation resolved itself. Clearly there was a sizing issue with one or more of the images that was throwing the CSS float out of kilter.

The reason that I named the images prod-1, prod-2, prod-3, was to semi-automate future image changes. As these are background images, populated through CSS, rather then HTML, I understood that they had no influence on SEO.

Sorry about your headache, and 'Yes', you were quite right that the 'Happy Monkey' font was totally over the top! That came about because of my mistake in the CSS Links, and has since been resolved.

I have been trying to identify a jQuery Gallery or Lightbox to use instead of CSS, but without luck so far.

Again, my thanks for your critique.

Hi there Maximise,

Thank you for the advice. The problem is now solved thanks to the responses to my post.

It seems, that (following Jesse's critique) when I removed the drop shadows from the images, the situation resolved itself. I can only imagine that the Drop Shadows were effecting the image size, and this impacted upon the CSS Float mechanism.

Anyway, thanks again.

Using CSS/HTML in Dreamweaver CC, I am trying to display a SEO friendly matrix of six images wide by three deep on the Home Page, but cannot get the first (top left) image to display consistently.

The page appears correctly in Dreamweaver Design View, but not in the Live View. Equally it works fine in Safari, but not in Firefox nor I.E.

I seem to have tried every CSS variation to resolve this issue, without success. Can someone stear me in the right direction, please?

The relevant HTML Code ...

Celotex PL4050 - 62.5mm insulated wallboard from £11.96 per m² / £34.45 per board

SuperFoil SF19 40mm Multi-foil Roll from £5.23 per m² / £98.00 per 18.75 m² Roll

Celotex GA4000 General application Rigid PIR from £8.56 per m² / £24.66 per board

Rockwool Full-fill 75mm Cavity Wall Slabs from £3.51 per m² / £1.92 per slab

Knauf Earthwool 270mm Loft Roll 44 Combi-Cut from £3.80 per m² / £22.51 per 9.93 m² Roll

Kingspan Kooltherm K8 75mm Cavity Wall Boards from £16.26 per m² / £8.79 per board

Knauf Earthwool 170mm Combi-cut Loft Roll 44 from £3.16 per m² / £25.34 per 8 m² Roll

Kingspan Kooltherm K7 Rigid Phenolic Foam - 75mm £13.91 per m² / £40.05 per board

...

The associated CSS code ...

#popular {
width: 1050px;
height: 800px;
overflow: hidden;
width: auto;
height: auto;
}
#product1 {
background-image: url(../007-graphics/popular/01-prod.png);
background-repeat: no-repeat;
width: 150px;
height: 265px;
margin-left: 24px;
float: left;
overflow: auto;
clear: left;
}
#product2 {
background-image: url(../007-graphics/popular/02-prod.png);
background-repeat: no-repeat;
width: 150px;
height: 265px;
margin-left: 10px;
float: left;
opacity: 0.85;
}
#product3 {
background-image: url(../007-graphics/popular/03-prod.png);
background-repeat: no-repeat;
width: 150px;
height: 265px;
margin-left: 10px;
float: left;
max-height: 275px;
opacity: 0.85;
}
#product4 {
background-image: url(../007-graphics/popular/04-prod.png);
background-repeat: no-repeat;
width: 150px;
height: 265px;
margin-left: 10px;
float: left;
max-height: 275px;
}
#product5 {
background-image: url(../007-graphics/popular/05-prod.png);
background-repeat: no-repeat;
width: 150px;
height: 265px;
margin-left: 10px;
float: left;
max-height: 275px;
opacity: 0.85;
}
#product6 {
background-image: url(../007-graphics/popular/06-prod.png);
background-repeat: no-repeat;
width: 150px;
height: 265px;
margin-left: 10px;
float: left;
max-height: 275px;
opacity: 0.85;
}
#product7 {
clear: both;
background-image: url(../007-graphics/popular/07-prod.png);
background-repeat: no-repeat;
width: 150px;
height: 265px;
margin-left: 24px;
float: left;
max-height: 275px;
opacity: 0.85;
}
#product8 {
background-image: url(../007-graphics/popular/08-prod.png);
background-repeat: no-repeat;
width: 150px;
height: 265px;
margin-left: 10px;
float: left;
max-height: 275px;
}
#product9 {
background-image: url(../007-graphics/popular/09-prod.png);
background-repeat: no-repeat;
width: 150px;
height: 265px;
margin-left: 10px;
float: left;
max-height: 275px;
opacity: 0.85;
} ...

The complete code is located at - www.just-insulation.com/index.html

Hi Matt,

I looked at the site as you suggested, but it doesn't seem to offer what I am attempting to create.

Trouble is, I am finding it difficult to define exactly what I am trying to achieve. On our welcome page we currently list our eighteen most popular products (using CCS / HTML) Visitors can then use the embedded links to navigate. http://www.just-insulation.com

Constantly updating the page is time consuming and requires a bit of care and understanding, so I was trying to find a solution that I could set up for a novice (not unlike myself) to update.

Thanks Matt, I shall investigate.

We wish to create a minimalist Lightbox (without flashy transitions) for our home page that displays a matrix of 4 x 4 images - sixteen in all.

Each image (approximately 240 wide x 360 high) needs to have its own descriptive text and a hyperlink to the appropriate page on our web site.

We are trying to identify a simple yet effective SEO friendly add-on that will allow us to quickly change the Lightbox on a daily basis.

Suggestions from the Moz community would be very welcome. Thanks

Greetings Vadim,

Thanks for sparing your valuable time to respond to my query. Having just rewritten our entire web site, using a new directory structure, we do not wish to make any mistakes that will upset SEO.

Your answer is very reassuring. So thanks again.

We sell a great number of insulation products, many of which are produced by individual manufacturers.

On the page identified below the Keyword "Kingspan" is repeated numerous times as these items are included in our online shop. However, the many mentions of Kingspan are recorded in the HTML5 Source Code, rather than an external database.

When I used the MOZ On-Page Grader, using the keywords "Kingspan" I was surprised to achieve an "A" Grade!

I know I shouldn't be complaining, but I am wondering why the significant repetition of the word "Kingspan" has not negatively impacted my score?

http://www.just-insulation.com/001-eshop/buy-kingspan-thermapitch-thermawall-thermafloor-insulation-boards.html

Thanks for the speedy response Streamline,

We have just rewritten our web site using a directory structure, rather than having all of the HTML pages in the root folder, and used rel=canonical on all pages, because we were/are really worried about our (fairly good) rankings being negatively impacted.

We have also used rel=canonical in the redirect pages, as we believed that this was an appropriate use of of the 'tag.'

PS

(Sorry about the earlier 'Ref' typo)

Does it make sense to use the Canonical statement on pages on your web site that already have the correct URL. Or, should I ask, "Does it do any harm?"