Hello,

I am working on SEO improvements for a website built with Joomla, Helix Ultimate and SP Page Builder, and I have found an issue with the Animated Number / Counter element.

On the homepage, we have a statistics section with values such as:

310 installed robots 850 camera systems 48 employees 834 completed projects

Visually, the numbers are displayed correctly on the website because JavaScript counts them up after page load / scroll. However, the problem is that in the raw HTML source, the values are output as “0”, while the real numbers are stored only in a data attribute, for example data-digit="310".

From an SEO point of view, this is a problem because Google or other crawlers without full JavaScript rendering may only see zero values in the page source. The website then appears in the raw HTML as if it had 0 robots, 0 camera systems, 0 employees, etc.

I would like to ask how to set up or modify this element correctly so that the real target value is visible directly in the HTML source, for example:

<span data-digit="310">310</span>

and JavaScript is used only for the visual animation from 0 to the target number.

Is this possible directly in the SP Page Builder / Animated Number addon settings? Alternatively, is there a recommended override or another correct way to modify the addon output so that it remains SEO-friendly while keeping the animation?

Thank you for your advice.