對充滿跨度類的創意 h1 的負面 SEO 影響：是或否？

Question

我環顧四周，找不到太多關於“創意”h1 標簽的主題，只有一點關於 h1 標簽內的跨度類。

我已經將 h1 設計為一個等式，請參閱CodePen知道用這樣的東西而不是更保守的 h1 對 SEO 有什么影響嗎？

謝謝！

 h1 { font-size: calc(1rem); }.equation, .fraction { display: inline-block; vertical-align: middle; text-align: center; }.fraction span, .equation span { display: block; }.equation > span { font-size: 70%; margin-top: -0.5ex; }.fraction { margin-bottom: 0.3ex; }.numerator { margin-top: 0.3ex; }.fraction.divider { display: none; }.denominator { border-top: 4px solid black; }.fraction sup, .fraction sub { font-weight: 200; }

 <h1> <span class="equation"> <span class="lim">YOUR</span> <span class="lim">VISION</span> </span> &#10005; <;-- 'X' --> <span class="fraction"> <span class="numerator">(WEB DESIGN + Development) <sup>A/B testing</sup></span> <span class="divider">/</span> <span class="denominator"><sub>Research based</sub> UI + UX Design</span> </span> &equals; <span class="equation"> <span class="lim">AWARD</span> <span class="lim">WINNING</span> <span class="lim">AGENCY</span> </span> </h1>

Answer 1

更好的方法是：

取一個正常的標題 => <h1
然后在<p中制作一個正常的描述文本
然后在普通的 div/span 等中制作你的代碼示例......

Answer 2

只要谷歌能清楚地閱讀內容，這應該不是問題。 看看谷歌緩存。 但問題是，你希望從中得到什么？ 更多 SEO 功能？ 它已經很酷地實施了。 試試看。