[Resolved] each Loop Item in a View is reading the ‘css editor’ contents as “page content”

[Author]

Posts

[tK-4]

I am trying to: I am displaying 24 blocks of text using a view shortcode on a Page. It calls a View. Both the Loop Item and the CSS in the view are being used. It displays perfectedly on the front-end. It pulls content and colors from custom fields.

I expected to see: For SEO purposes, when I use any Keyword Density tool to read the page content, I expect to see only words/phrases of the page body, etc., but NOT with any html or css mixed in.

Because the loop is running so many times, the css from the template is out-ranking my keywords, which kills my SEO efforts. Within a template >> view, is the html and css 'supposed' to be part of page content ... or as I assume, basically hidden behind the scenes?

[Luo Yang]

Hello,

I assume we are talking about the CSS codes of content template in your screenshot:
hidden link

Yes, those CSS codes in "CSS Editor" will be output insider HTML body tag as inline CSS codes, so it conducts the problem you mentioned above:
It is supposed to be part of page content

As a workaround, you can try to move those CSS codes into your theme file "style.css", then it will be outputted only once, and in the HTML header tag within theme file "style.css".

[tK-4]

Thanks Luo, worked like a charm. I use a css plugin so can add css per page where needed. I had moved your views css into that per that page. It didn't solve the issue as it still read it per each loop. I thought if I moved it to our theme css file, it too, would read multiple times. You were correct, it didn't. I learned something new.

[Luo Yang]

Please elaborate the problem with more details:
It didn't solve the issue as it still read it per each loop.

You can also provide a test site with the same problem, also point out the problem page URL, and where I can edit your CSS codes, I need to test and debug it in a live website.

[tK-4]

My issue is resolved now. Thank you!
close ticket