二维码生成技术在现代网页设计中变得越来越重要。为了让用户体验更加个性化，根据当前页面 URL 自动生成匹配的二维码已经成为一种流行的做法。这种方法不仅提升了网站的专业性，还增强了用户的互动体验。本文将详细介绍如何通过简单的代码实现这一功能，并确保 SEO 友好。

首先，我们需要明确一个关键点：二维码生成的核心在于动态获取当前页面的 URL 地址，并将其转化为二维码图片形式展示在页面上。这种方式不需要依赖任何外部插件或库，只需要嵌入一段 JavaScript 代码即可完成。

接下来是具体的实现步骤：

<script>
thisURL = document.URL;
strwrite = "<img src='https://chart.googleapis.com/chart?cht=qr&chs=150x150&choe=UTF-8&chld=L|4&chl=" + thisURL + "' width='150' height='150' alt='QR 码' />";
document.write( strwrite );
</script>
    

以上代码的作用如下：
thisURL = document.URL; 这一行用于获取当前页面的完整 URL 地址。
strwrite 是一个字符串变量，它包含了生成二维码所需的 HTML 图片标签。
document.write( strwrite ); 将生成的二维码直接插入到页面中。

需要注意的是，chs=150x150 参数定义了二维码的尺寸（宽度和高度），您可以根据实际需求调整这个值。例如，如果需要更大的二维码，可以将参数改为 chs=300x300。

为了提升 SEO 效果，在编写此类功能时，请注意以下几点：

• 确保二维码图片的 alt 属性具有描述性内容，例如“当前页面的二维码”。
• 避免使用过大的二维码尺寸，以免影响页面加载速度。
• 为二维码添加适当的上下文说明文字，帮助搜索引擎理解其用途。

最后，将上述代码嵌入到您的网页中后，无论用户访问哪个页面，都会看到与该页面 URL 匹配的二维码。这种动态生成的方式不仅实用，而且能够显著提升用户体验。

总结一下，通过简单的一段 JavaScript 代码，我们可以轻松实现基于当前页面 URL 的二维码生成功能。同时，结合 SEO 最佳实践，可以让您的网站在搜索引擎中表现更佳。希望这篇文章对您有所帮助！

注：请记得根据您的实际需求调整代码中的参数。