Although there are a number of ways to create a button that is search engine friendly – often the standard Arial or Times text will not do – you want something graphical but you don’t want to give up any SEO value. The answer is this CSS rollover image. If you view the source code – search engines see the text (with a keyword too, which is a plus). Then using a CSS rollover we can use a nice graphical button for human visitors.
Mouseover Button to see the effect:
Insert the following code into the <head> section of your page:
Insert the following code into the <body> section of your page: