使用网页字体创建诱人的图形

[rakibhasanbd]

我们如何才能构建出外观精美、引人入胜且同时仍能保持 SEO 性能的网站？
和 Fonts.com 等公司的 Webfonts 已经存在了几年，它们提供了一种在不影响可抓取性的情况下赋予网站风格的绝佳方式。它们构成了任何设计精良、优化良好的网站的基本结构和基础。

为了增加视觉冲击力，设计师会在网站上添加图形元素，例如横幅和号召性用语。这些元素通常以图像的形式创建，因此设计师可以使用华丽的字体，添加阴影、渐变等字体效果，以及设计师工具包中的许多其他处理方法。网站需要这类图形，因为它们使网站更具吸引力，改善用户体验，并降低用户跳出的可能性。

以下面的图表为例，虽然看起 比利时电话号码列表 来很棒，但 Alt 标签中包含的信息太多了。此外，由于只是纯文本，因此很难在 Alt 标签中强调和优先显示信息。

通过结合使用 webfonts、HTML 和 CSS，可以将此横幅内的所有文本元素创建为“实时文本”，从而保留美观度并实现良好的 SEO。

实时文本横幅现在不仅看起来很棒，还可以用 H1、正文类型、粗体文本标记，并动态更新。搜索引擎只会将其视为标准 HTML。最重要的是，这些横幅或图形甚至可以使用架构或微数据标记为富文本。

优化设计
构建外观精美且具有出色 SEO 属性的网站的最大障碍是将这两个学科结合起来。设计师专注于外观精美且具有吸引力的网站，同时创造良好的用户体验，而 SEO 通常希望网站易于抓取且排名良好。

如果设计和 SEO 团队能够理解彼此的要求，那么结果就会非常创新和出色。以下面这个例子为例：这些面板是为一家时尚零售商设计的，左侧的面板是设计师设计的，就用户体验而言，这个面板非常棒，它展示了一位模特穿着产品的样子，通过使用位置合适的字体，准确地解释了用户点击后可以看到什么。问题是，从 SEO 的角度来看，这个面板并不合适。