There is a simple website with just one page. The logo and h1 are one. The design of the text in the logo is rounded. That is, it goes not horizontally, but an arc. It is impossible to write this using CSS and HTML (so that it is 1 element, and not output one letter (one letter is bad for the CEO)). I want to insert a picture with rounded text. And under it to place h1 with the same text (or + a small description). How bad is it to do from a SEO point of view? I read that any attempts to hide the h1 are considered as attempts to deceive the search robot and lead to a site ban or h1 performance loss. I want to know if this is so in my case.
- Are there any rules for SEO, specifications? Or this industry created from the air :) - Visman
- @Visman Google Documentation: support.google.com/webmasters/answer/35291 ++ static.googleusercontent.com/media/www.google.com/ru/ru/intl/ru / ... and documentation from Moz.com/ learn / seo ++ SerachEngineLand searchengineland.com/library/channel/seo - nikant25
|
1 answer
In principle, if the hidden content duplicates the visible content, then this is not a violation. But no one knows the Google search algorithms and they change almost 2 times every day. Therefore, the best solution is to avoid this. It is not clear why you reject creating a logo with CSS. Sample logo using styles:
<!doctype html> <html lang=en> <meta charset=utf-8> <style>body{background:#dcdcdc;font-family:Verdana}ul{list-style-type:none}li{margin:0}#main{background:#dcdcdc;min-height:40vw;width:100vw;margin:56px auto 0;max-width:960px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}a{text-decoration:none} header{margin:0;width:100%;text-align:center;font-size:1.3em;border-bottom:2px solid #ddd;box-shadow:0 0 0 1px rgba(0,0,0,0.2);transition:all 200ms ease-out;background:#bababa;text-shadow:#e0e0e0 1px 1px 0;padding-top:.5em;padding-bottom:.5em;font-family:Courier;font-weight:bold}header a{color:#696969}header a:hover{color:#dcdcdc;text-shadow:none}header:hover{background:#2f4f4f;}</style> </head> <body> <header> <a href=../../index.html target=_self><strong>eSweden</strong></a> </header> </body> </html> 
nikant25 nikant25
1,980 four 9
- In your example, the text is horizontal. - user153742
- Well, I thought you could find a search solution yourself. See this: codepen.io/peterhry/pen/Aayut ++ or use the text generator csswarp.eleqtriq.com - nikant25
- Is this solution suitable for h1? There's also a lot of span'ov one letter. Search robot will be able to combine them into one? And will it be equivalent to the usual h1, where the text is inside, as a whole, and not one letter at a time? - user153742
- The search robot, as well as the browser, also reads styles and scripts. Therefore, it will show the text as a browser. You can also watch this generator circletype.labwire.ca - nikant25
- The span element has no meaning at all. As the search bot sees, you can test in Google Webmaster's Console - the Toolbar menu, on the left - select Scan - select the View as Googlebot option. - nikant25
|