Do search engines see CSS generated content?

by 9 replies
10
There is a wp theme menu structure:
HTML Code:
<div>
<span navfxtext="Home"> </span>
<a href="#"> Home </a>
</div>
To animate the buttons we need an additional layer <span> with the same text inside ("Home").
To avoid duplicates of keywords in the menu the tag <span> is left blank, and the text is stored in the parameter navfxtext from which it is inserted into the pseudo element :before using CSS
HTML Code:
span: before {
content: attr (navfxtext);
}
The question is: Do search engines see CSS generated content? Would it be a rendered text in the pseudo element by Google engine and considered as double: Home Home, Service pages Service pages, Contact us Contact us?
Is the theme considered as seo ready then?
#search engine optimization #content #css #engines #generated #search
  • As far as m concerned no, they don't see it like this
    • [1] reply
    • Did you ever seen some examples in google search results?
      • [1] reply
  • Banned
    Download this web/dev Firefox plugin, use the 3 plugin settings below to simulate a Google Cache (text version) of your webpage.
    • Disable all javascript
    • Disable all images
    • Disable all styles

    If you can see the text/link while viewing a text only version of your page, Google can see the same text/link.
    • [1] reply
    • now this is something that will help you for sure.. at times there are simple answers
  • Hi,
    Actually No.. Disable the Javascript content. Enable the crawling codes where search engines can crawl. There are set of rules in web page design based on that we need to code.
  • I know for sure, that Googlebot are able reproduce js. Question is: can a googlebot appraise this code as a doubling content?

    HTML Code:
    <div>
    <span navfxtext="Home"></span>
    <a href="#"> Home </a>
    </div>
  • anybody?
    update my theme because still don't have clear aswear
    • [1] reply
    • As I know, No they do not see CSS generated content. They only See HTML

Next Topics on Trending Feed

  • 10

    There is a wp theme menu structure: HTML Code: <div> <span navfxtext="Home"> </span> <a href="#"> Home </a> </div> To animate the buttons we need an additional layer <span> with the same text inside ("Home"). To avoid duplicates of keywords in the menu the tag <span> is left blank, and the text is stored in the parameter navfxtext from which it is inserted into the pseudo element :before using CSS