using fig and figcaption with nicepage

marcus60
62 Posts
marcus60 posted this 14 April 2024
Wishlist

How do I use fig and figcaption with nicepage?

Using the and tags is considered a best practice for associating images with captions in a way that is semantically correct and understandable by both browsers and search engines. These tags are part of HTML5 and provide a clear, standardized method to group an image with its explanatory text, which enhances the accessibility and SEO of a webpage.

Importance of Using and :
Semantic Clarity: These tags help define the relationship between the image and its caption clearly. This is beneficial for search engines as they parse the HTML to understand the content’s structure and context, which aids in more accurate indexing and relevance in image search results.

Accessibility: Screen readers and other assistive technologies use the structure of HTML to navigate and interpret content. and can provide a better experience for users with visual impairments by explicitly linking captions with their corresponding images.

Maintainability and Code Readability: Using these tags can make the HTML code more organized and easier to manage, especially on pages with multiple images and media elements.

Impact of Not Using and :
If you don’t use these tags and instead place an tag with a tag underneath as a caption, it doesn't necessarily cause "damage" to SEO, but you may miss out on some benefits:

Less Semantic Association: While search engines have become quite good at interpreting content contextually, using tags for captions doesn’t provide as strong a semantic link to the image as does. This might make it slightly less effective in terms of SEO for image-related searches.

Potential for Misinterpretation: There's a higher chance that the relationship between the image and text might not be interpreted correctly by automated processes, such as those employed by search engines and accessibility tools.

Reduced Accessibility: Users relying on screen readers might not receive the content in the structured manner intended, as the narrative flow can be disjointed without the semantic structure that and provide.

While using tags for captions is still common and not inherently bad, adopting and offers more advantages in terms of SEO, accessibility, and maintainability. The impact of not using these HTML5 tags isn’t devastating, but transitioning to these more semantic elements when possible is advisable as best practice. It aligns better with modern web standards and ensures your content is prepared for both current and future web technologies.

How do I use fig and figcaption with nicepage? Using the and tags is considered a best practice for associating images with captions in a way that is semantically correct and understandable by both browsers and search engines. These tags are part of HTML5 and provide a clear, standardized method to group an image with its explanatory text, which enhances the accessibility and SEO of a webpage. Importance of Using and : Semantic Clarity: These tags help define the relationship between the image and its caption clearly. This is beneficial for search engines as they parse the HTML to understand the content’s structure and context, which aids in more accurate indexing and relevance in image search results. Accessibility: Screen readers and other assistive technologies use the structure of HTML to navigate and interpret content. and can provide a better experience for users with visual impairments by explicitly linking captions with their corresponding images. Maintainability and Code Readability: Using these tags can make the HTML code more organized and easier to manage, especially on pages with multiple images and media elements. Impact of Not Using and : If you don’t use these tags and instead place an tag with a tag underneath as a caption, it doesn't necessarily cause "damage" to SEO, but you may miss out on some benefits: Less Semantic Association: While search engines have become quite good at interpreting content contextually, using tags for captions doesn’t provide as strong a semantic link to the image as does. This might make it slightly less effective in terms of SEO for image-related searches. Potential for Misinterpretation: There's a higher chance that the relationship between the image and text might not be interpreted correctly by automated processes, such as those employed by search engines and accessibility tools. Reduced Accessibility: Users relying on screen readers might not receive the content in the structured manner intended, as the narrative flow can be disjointed without the semantic structure that and provide. While using tags for captions is still common and not inherently bad, adopting and offers more advantages in terms of SEO, accessibility, and maintainability. The impact of not using these HTML5 tags isn’t devastating, but transitioning to these more semantic elements when possible is advisable as best practice. It aligns better with modern web standards and ensures your content is prepared for both current and future web technologies.

Last edited 16 April 2024 by Support Team

Vote to pay developers attention to this features or issue.
7 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 15 April 2024

Hi, Marcus,

We can only suggest using the HTML Element if you want to add this HTML tag to your website. Have you already tried to do so?
...................................................
Sincerely,
Paul C.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, Marcus, We can only suggest using the **HTML Element** if you want to add this HTML tag to your website. Have you already tried to do so? ................................................... Sincerely, Paul C. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
marcus60
62 Posts
marcus60 posted this 16 April 2024

I could do it that way, but that's not the point.

Images should have the ability to add not just a caption but a title to the element as well.

I could do it that way, but that's not the point. Images should have the ability to add not just a caption but a title to the element as well.
Support Team
Support Team posted this 16 April 2024

Hi, Marcus,

Could you please provide an example of what exactly you want to achieve? Thank you.

On Nicepage, you can only add the SEO Alt text to an image.
...................................................
Sincerely,
Paul C.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, Marcus, Could you please provide an example of what exactly you want to achieve? Thank you. On Nicepage, you can only add the **SEO Alt** text to an image. ................................................... Sincerely, Paul C. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
marcus60
62 Posts
marcus60 posted this 16 April 2024

Sure. See this recently completed page:

https://benher.au/case-studies/gumbaya-world-signs-project

When hovering the mouse over the top of the image, it displays the title tag of the element as a tool tip. This should be customisable from withing nicepage's image screen.

Sure. See this recently completed page: https://benher.au/case-studies/gumbaya-world-signs-project When hovering the mouse over the top of the image, it displays the title tag of the element as a tool tip. This should be customisable from withing nicepage's image screen.
Support Team
Support Team posted this 16 April 2024

Hi, Marcus,

Thanks for the provided example!

Unfortunately, there is no option to add a tooltip text to an image on Nicepage. We have added this feature to our wishlist.

Let us know if you need our further help!
...................................................
Sincerely,
Paul C.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, Marcus, Thanks for the provided example! Unfortunately, there is no option to add a tooltip text to an image on Nicepage. We have added this feature to our wishlist. Let us know if you need our further help! ................................................... Sincerely, Paul C. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
marcus60
62 Posts
marcus60 posted this 16 April 2024

while you're at it, please add captions as an option for images.

while you're at it, please add captions as an option for images.
Support Team
Support Team posted this 16 April 2024

Hi, Marcus,

Thanks for the suggestion!

If you need to have any text on an image, you can use such elements as Image Gallery, Gallery Slider, and so on.

Let us know if you need our further help!
...................................................
Sincerely,
Paul C.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, Marcus, Thanks for the suggestion! If you need to have any text on an image, you can use such elements as **Image Gallery**, **Gallery Slider**, and so on. Let us know if you need our further help! ................................................... Sincerely, Paul C. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments