META标签生成器(SEO的好工具)

最新推荐文章于 2020-09-10 17:42:21 发布
最新推荐文章于 2020-09-10 17:42:21 发布
阅读量744 收藏
点赞数
文章标签： 工具 input generator button xhtml javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq415734794/article/details/3982897
版权

 

在做SEO的时候，总是要给网页的META标签里写内容，但是很多时候都是重复的写着这些代码，于是就想着用JavaScript来做个META标签的生成器，于是就写了这么些个东西出来了！如果觉得好用的话可以交流评论下！

 

 

 

 

 

 

 

飞碟工作室

勿忘心安Billy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
SEO优化篇——meta用法
01-12 712
一、语法： <meta name="name" content="string"> 二、参数解析：1)name选项：Keywords(关键字)，description(网站内容描述)，author(作者)，robots(机器人向导)等等 2)http-equiv项：可用于代替name项，常用的选项有Expires(期限)，Pragma(cache模式)，Refresh(...
meta
~X~的专栏
07-11 491
meta标记的主要功能是定义页面中的信息，这些信息并不会显示在浏览器中，而只在源代码中显示。meta标记通过属性定义文件信息的名称、内容等，能够提供文档的关键字、作者及描述等多种信息，在HTML头部可以包括任意数量的meta标记。格式：1.定义页面关键字（属性名称为：keywords）：是为了向搜索引擎说明网页的关键词，从而帮助搜索引擎对该网页进行查找和分类，它可以提高被搜索到的概率，有时
SEO优化技巧
programming in heaven
08-12 1000
SEO技巧--meta优化 1)&lt;title&gt;&lt;/title&gt;不要千一律,可以采用这样的格式 栏目首页: XXXXX栏目名 + " " + 栏目关键字5个 + " -- 东方热线" , 尽量不要出现 xxx.cnool.net 字样,这是多余的. 内容页: 文章标题 + " -- 栏目名" 2)栏目首页 : &lt;meta name="KEYWords" c
seo点击积累一：缺少keywords和description的meta标签
北京-星辰
09-03 3237
更多笔记请点击链接：itnoteshare 最近通过百度seo建议平台检测网站总是提示“缺少keywords和description的meta标签”，可是我的网站中已经添加了相关meta信息， 可是却无效，经过多次尝试发现是百度seo建议分析中不支持meta中的http-equiv属性要换成name属性才有效。 以下是我网站修改前后信息的对比：仅供参考！以免后人走相同的弯路。
meta元素
yszwn的专栏
07-22 773
meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似下面这段的html代码：＜head＞＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞＜/head＞也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，例如加入关键字会自动被大型搜索网站自动搜集；
Meta 标签生成器
09-06
Meta标签生成器是一种工具，它可以帮助网站管理员或内容创作者快速、方便地创建符合标准的Meta标签，以提升网站的搜索引擎排名和用户体验。 Meta标签主要有以下几个关键类型： 1. Title：这是网页的标题，显示在...
LaravelMetaTags：最强大和可扩展的工具，用于管理Laravel项目中的SEO Meta标签
02-04
最强大和可扩展的工具，用于在Laravel项目中管理SEO元标记Laravel SEO Meta Tags是适用于Laravel应用程序的漂亮工具。 当然，此软件包的主要功能是能够管理标头元标记，CSS，JavaScript和其他类型的标记。 它提供了...
最新版本的关键词排名查询工具！！(附自己写的META标签生成器(HTML版))！
03-31
在SEO（搜索引擎优化）领域，关键词排名查询工具和META标签生成器是两个至关重要的辅助工具。下面将详细解释这两个工具及其在IT行业的应用。 首先，关键词排名查询工具是SEO从业者用来跟踪和分析网站在搜索引擎中...
举例讲解HTML中META标签的一些使用技巧
09-28
5. **生成器（Generator）** `generator`属性用于记录创建网页所使用的编辑器或工具： ```html <meta name="generator" content="Mozilla/3.0Gold(Win95)[Netscape]"> ``` 6. **创作日期（Creation-Date）** ...
实例讲解HTML5的meta标签的一些应用
09-28
在这个例子中，meta标签提供了文档的字符编码、作者、最后修订日期和生成器信息。 此外，meta元素还可以包含文档的描述信息，比如网页的主题或主要内容。例如： ```html <meta charset="UTF-8"> <meta name=...
Meta 方便搜索引擎排序
weixin_30446613的博客
09-12 157
Meta标签是用来描述网页属性的一种语言，标准的Meta标签可以便于搜索引擎排序，提高搜索引擎网站权重排名。要想网站做的更符合搜索引擎标准就必须了解meta标签的，下面于大家讲讲meta标签含义与使用方法： 1、META标签的 keywords 写法为： <metaname="Keywords"content="信息参数"/> meat标签的Keywords的的信息参数，...
HTML页面HEAD信息介绍
『Ａｌｌｅｎ』Blog
12-29 1478
    注：在本文的收集整理中，如有不全的地方和或有误的地方，请斧正，谢谢！    您的个人网站即使做得再精彩，在“浩瀚如海”的网络空间中，也如一叶扁舟不易为人发现，如何推广个人网站，人们首先想到的方法无外乎以下几种：　　　　●　在搜索引擎中登录自己的个人网站　　　　●　在知名网站加入你个人网站的链接　　●　在论坛中发帖子宣传你的个人网站　　META标签是HTML语言HEAD区的一个辅助性
Meta标签用法大全
weixin_30367945的博客
07-25 202
meta是html文档在head标签里定义的一个对文档进行描述的功能性标签 meta标签有下面的作用： 　　1.搜索引擎优化（SEO） 　　2.定义页面使用语言 　　3.自动刷新并指向新的页面 　　4.实现网页转换时的动态效果 　　5.控制页面缓冲 　　6.网页定级评价 　　7.控制网页显示的窗口 meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和...
[Dreamweaver教程]Meta标签详解
12-20 2244
[Dreamweaver教程]Meta标签详解原作者：indian出处：5D多媒体发表时间：2004-12-8关键词：版权信息：传统媒体及商业网站禁止擅自转载；个人网站转载需经作者同意，并注明作者及出处。<!--google_ad_client = "pub-1259
Vue项目seo: 使用vue-meta-info动态生成meta标签
廊坊吴彦祖
12-10 2009
Vue项目seo: 使用vue-meta-info动态生成mata标签 众所周知，vue这种单页面的项目是不利于seo的，但是在实际项目中，像一些交互网站，不可避免会考虑一些seo问题。即使是vue这种项目，我们还是可以通过一些其他技术解决seo问题的。 例如vue项目中的meta标签，可以通过 vue-meta-info 动态生成“关键字”和“页面描述”，来优化页面的seo 使用此插件可以配合 ...
<meta>标签用法
xiqim的专栏
06-03 713
http-equiv META标签分两大部分：HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。 ★HTTP-EQUIV HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有： 1、Content-Type和Content-Language (显示字符集的设定) 说明：设定页面使用的
工作纪实_16-Spring项目集成SkyWalking打印traceId
~单人舞~的博客
09-10 1106
使用shiro登录后，用户的权限信息，在调用接口时，会自动的根据缓存内容判断，是否含有权限信息，但是如果用户在不退出的情况下，修改了权限接口的部分数据，那么shiro里面的授权数据其实就是过期了的，用户必须先退出再登录才能获取最新的授权数据，为了用户体验，我增加了以下两段代码，来控制用户在登录过程中，授权数据发生变化后的处理策略 我使用的是自定义的角色授权过滤器，继承原生filter /** * @author liulei * @version 1.0 */ @AllArgsConstructo.
seo 搜索引擎优化， 网页中的meta元素了解
fortunegrant的博客
11-24 1491
meta这个元素的作用很大需要去了解
vue3+vite+js动态设置meta标签 SEO
最新发布
04-22
非常高兴能和您进行对话！对于您的问题，Vue3和Vite都提供了一些很好的方式来动态设置meta标签来实现SEO。其中一种方法是利用Vue的全局导航守卫beforeEach函数，在路由导航前执行一些操作，例如动态设置页面meta标签。您可以使用以下代码作为参考： ``` router.beforeEach((to, from, next) => { document.title = to.meta.title const description = to.meta.description const keywords = to.meta.keywords const author = to.meta.author const head = document.getElementsByTagName('head')[0] // 删除原有meta标签 const metaList = head.getElementsByTagName('meta') for (let i = 0; i < metaList.length; i++) { if (metaList[i].getAttribute('name') === 'description' || metaList[i].getAttribute('name') === 'keywords' || metaList[i].getAttribute('name') === 'author') { head.removeChild(metaList[i]) i-- } } // 插入新meta标签 const descriptionMeta = document.createElement('meta') descriptionMeta.name = 'description' descriptionMeta.content = description head.appendChild(descriptionMeta) const keywordsMeta = document.createElement('meta') keywordsMeta.name = 'keywords' keywordsMeta.content = keywords head.appendChild(keywordsMeta) const authorMeta = document.createElement('meta') authorMeta.name = 'author' authorMeta.content = author head.appendChild(authorMeta) next() }) ``` 在这个代码片段中，我们首先利用Vue的全局导航守卫beforeEach函数，获取到需要设置的meta标签的内容（如title、description、keywords和author）。然后，我们获取到head元素，并删除所有已有的description、keywords和author的meta标签。最后，我们创建新的meta标签，并将它们插入到head元素中。 希望这能够解决您的问题！如果您还有其他问题，可以继续向我提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值