Search code examples
cssimagehtmlsearch-engineinformation-retrieval

css div image information for search engines

I have a website and in the main page a I have a div with an image where with a very nice design says "contact us by calling 1 800 blabla..". so I was thinking if the only place where the phone number of my company, is on a div with an image background, how the search engines are going to recognize or find my company's number,

so my question is basically how can I add information to this div which is :

<div id="phone"></div>

and any other div that i need to put information for robots and stuff

Solution

  • You have to use this approach

    #ContactInformation {/* your image and restof padding */}
#ContactInformation h2 { display: none; visibility: hidden; }

<div id="ContactInformation">
    <h2>Phone:</h2>
    <label>1 800 blah blah</label>
</div>

    Actually Search Engines See and check h2 tag and it's value but your user wont see the h2 text.