JS、jq修改网站标题，关键词，描述 SEO设置

橙-极纪元JJY.Cheng

已于 2022-06-21 16:10:12 修改

阅读量1.9k

点赞数 2

分类专栏： JS # JQ 文章标签： javascript servlet java

于 2021-01-29 14:54:11 首次发布

本文链接：https://blog.csdn.net/cplvfx/article/details/113387931

版权

JS 同时被 2 个专栏收录

163 篇文章 4 订阅

订阅专栏

113 篇文章 1 订阅

订阅专栏

本文介绍了如何使用JavaScript修改HTML文档的<title>标签内容，同时更新了<meta>标签，包括keywords和description，以实现SEO优化。通过SeoUpdate函数，展示了如何根据给定的参数动态设置SEO元素。

摘要由CSDN通过智能技术生成

js修改title（2022-6-21 更新）

document.querySelector("head > title").text=666

JS代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SEO操作DOM测试</title>
    <meta name="keywords" content="关键词">
    <meta name="description" content="描述">
</head>

<body>
    <script>
    
        function SeoUpdate(SeoTitle, SeoKeywords, SeoDescription) {
            let _headDom = '',_title = '',_meta = ''; 

            _headDom = document.getElementsByTagName('head')[0]; //获取head节点
            _title = _headDom.getElementsByTagName("title")[0];  //获取head节点下的title节点
            _meta = _headDom.getElementsByTagName("meta"); //获取head节点下的meta节点，它一般是一个数组

            _title.innerText = 'SeoTitle';
            for (let index = 0; index < _meta.length; index++) { 
                switch (_meta[index].name) {
                    case 'keywords':
                        _meta[index].content = SeoKeywords;
                        break;
                    case 'description':
                        _meta[index].content = SeoDescription;
                        break;

                    default:
                        break;
                }
            } 
        }
        SeoUpdate('SeoTitle', 'SeoKeywords', 'SeoDescription');
    </script>
</body>

</html>

效果

JQ代码

$("title").text("标题");
$('meta[name="keywords"]')[0].content="关键词";
$('meta[name="description"]')[0].content="描述";

橙-极纪元JJY.Cheng

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录