css - Link of more than just text, useful for SEO? -


I have 4 links to the website. Each link goes to a different page (windows, siding, roof, sunroom). However, I have set the link differently than normal links. This is a snippet:

   & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / A & gt;   

CSS:

  # img-block {width: 275px; Height: 175px; Margin: 25px 0; Background Image: URLs (images / windows.jpg); } #img-link {height: 40px; Width: 275px; Margin: 135 px 0 0; Background Image: URL (images / img-link-bg.png); }   

Why did I do this for a few reasons? A) I wanted to enable the image and text to be clickable - B) H1 because I have read that Google titles are high C) Read also: When someone clicks on a link, wording Google knows that it was relevant (by clicking on "windows") you can increase the page rank for "windows" and take a page about windows )

Now I have a question, what May include'm meeting all these things? Obviously I have fulfilled the goal A. But now I can not choose the text ("windows") on the top of the image (because my cursor changes to the hand icon, informs me of a link) ... Also, when I drag the image it shows I am dragging the image, the IMG-link image, and the text as everything, as if it was an image

Hope it was clear, thanks in advance!

All you're going to do about it is wrong.

You do not need extra div.

You put the background of the H1 tag- imgae (and definitely set the height / width) SEO wise, this is one acceptable way of doing things

You will be okay :)

Comments