I noticed that there is extensive use of the
<i> element throughout the templates in order to display the icons. This results in having several
<i class="..."></i> blocks without any text.
<i> element is supposed to be used with text, an author might have used it inside the post body in order to give emphasis to some words.
In that case, I try to imagine how a search engine would value the existence of multiple
<i> elements throughout the page, some of them enclosing text and some others not enclosing any text.
My thought is that the search engine could be confused by this. The empty
<i> tags could mean that the author is using the
<i> element for something different than emphasizing text (which actually happens now) and thus automatically undervalue any text enclosed in
<i> elements as well.
I was wondering if it would be better to use another element for the icons, for instance
<span>. I tested it and it seems to work well and validates without any issues.
I'm not an expert in this field and I hope I am not exaggerating here. But I'd really like to hear your thoughts about this.
Thanks in advance,