MegaTags:网站META标签生成器

赛博朋克
• 阅读 2724

Mega Tags 是一个针对网站和各种媒体的META标签生成器工具,针对搜索引擎的SEO优化很有帮助,这款工具可以帮助站长建立最完整的META标签,也支持针对Facebook、Google+、Pinterest及LinkedIn使用的标签及Twitter标签生成。

MegaTags:网站META标签生成器

什么是网站META标签呢?它是对于当前网页提供各项资讯描述的一种方法,例如网页标题、说明、网址、发布者和语言等等(主要放在原始码中),为了让搜寻引擎及社群网站机器看得懂你的网页,必须指定好这些标签,让平台可直接取用并显示出来,避免中间造成的误差,从这些说明可以稍微了解META标签的重要性。

Mega Tags 使用方法:只要打开网页,将你要设定的项目填入就能快速产生对应的META标记撰写方法,再把它复制到网页里即可。

首先打开网站后,从步骤一选择要使用的类型,例如网站、应用程式(iOS、Android App)、文章、影片或电商网站产品,可以带入的标签类型应该不太一样。预设情况下只会产生Open Graph 也就是og 标签,假如你要产生Twitter 专用标签可以勾选一下。

MegaTags:网站META标签生成器

接着从第二步骤开始填写你的页面相关资讯,最重要的就是网页标题、描述和网站图片这三项,下方还会有Open Graph 及Twitter 标签的设定选项,一样是填入后右侧就会自动产生对应的META 标签。

是蛮多网站会使用的标签,建议要仔细设定(尤其现在很多网站链结都会被转贴到Facebook,将这些栏位设定完整将有助于在社群网站显示更正确资讯)。Open Graph不是每个栏位都必须填入,例如影片、管理者ID或应用程式ID都不是必备选项,如果没用到只要留空即可。

「Copy Code」粉红色按钮来复制所有产生的META标签,将它贴到网站的适当位置(一般来说是在之间),大功告成!

MegaTags:网站META标签生成器

最后,Mega Tags 网站还提供了几个常用的测试工具,包括Facebook Debugger 和Google 结构化资料测试工具,只要连接到这些网站,输入你刚才加入META 标签的链结,就能测试出显示效果有没有符合期望。

使用Google 结构化资料测试工具测试后,可能会发现有一些错误或警告项目,记得要打开侦测结果,看看是那些标签发生问题,尽可能修正让它符合正常才不会对网站造成影响。

本文由甲爪日付广告联盟(www.jiazhua.com)整理编辑!

点赞
收藏
评论区
推荐文章
前端尾随者 前端尾随者
3年前
iPhoneX 底部黑线布局适配
在页面的meta标签中添加viewportfitcover属性viewportfitcover页面内容填充整个屏幕在css样式中添加样式@supports(bottom:constant(safeareainsetbottom))or(bottom:env(safeareainsetbottom))footer
冴羽 冴羽
3年前
VuePress 博客之 SEO 优化(四) Open Graph protocol
前言在中,我们使用VuePress搭建了一个博客,最终的效果查看:。本篇讲讲SEO优化中的OpenGraphprotocol。meta标签如果我们打开思否任意一篇文章,比如这篇,查看DOM元素,我们可以在head中找到这样一段meta标签:我们可以发现name都是以og:开头,这是什么意思呢,又是什么作用呢?其实这是
Wesley13 Wesley13
3年前
1:dubbo集成spring
dubbo源码地址(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fgithub.com%2Falibaba%2Fdubbo)查找解析类DubboBeanDefinitionParserdubbo通过spring提供的自定义namespace来解析自己定义的标签,读取META
Stella981 Stella981
3年前
Ruby on Rails 学习笔记(四)
当页面需要保持风格一致时,最简单的方法是采用模板。详见如下代码:<!doctype html<html <head  <meta charset"UTF8"  <meta name"Generator" content"EditPlus®"  <meta name"Author
Wesley13 Wesley13
3年前
HTML5
META标签可分为两大部分:HTTPEQUIV和NAME变量。HTTP实例HTML代码实例中有一项内容是<metahttpequiv"ContentType"content"text/html;charsetgb2312"其作用是指定了当前文档所使用的字符编码为gb2312,也就是中文简体字符。根据这一行代
Easter79 Easter79
3年前
SVG之文本
一、文本标签<text  SVG支持直接对文本进行操作,如果我们需要在SVG中使用文本,那么我们需要使用到<text标签。直接看一个简单的demo。1<!DOCTYPEhtml2<html3<head4<meta
Stella981 Stella981
3年前
HTML5 Canvas画线技巧
利用Canvas标签换线需要怎么做?首先,我们必须先搭建一个“舞台”。<!DOCTYPE html <html  <head   <meta charset"gbk"   <titleCanvas画线技巧</title  </head <body   <c
Stella981 Stella981
3年前
AOSuite V3.0 发布,开源JavaEE快速开发平台
AOSuiteV3.0发布了,这个版本包含11 个新增/修复/优化。版本变更日志1、【修复】修复了Httpclient工具类设置连接超时时间和等待响应时间无效的bug。2、【新增】新引入了标准标签中的fn标签库和fmt标签库。3、【新增】在表格管理中加入了表格列分割线的范例。4、【优化】将代码生成器生成的\\Dao.xml中
Stella981 Stella981
3年前
HTML中meta标签的作用与使用
META标签用来描述一个HTML网页文档的属性META标签可分为两大部分:HTTPEQUIV和NAME变量。HTTP实例HTML代码实例中有一项内容是<metahttpequiv"ContentType"content"text/html;charsetgb2312"其作用是指定了当前文档所使用的字符编码为gb2
Stella981 Stella981
3年前
SVG之文本
一、文本标签<text  SVG支持直接对文本进行操作,如果我们需要在SVG中使用文本,那么我们需要使用到<text标签。直接看一个简单的demo。1<!DOCTYPEhtml2<html3<head4<meta
幂简集成 幂简集成
9个月前
好用的AI标题生成器API
文章强调了标题在网站运营中的重要性,如吸引注意力、传递核心内容等。介绍了AI标题生成器,包括其工作原理、好处及如何改进生成的标题标签。还阐述了标题生成器在内容创作中的重要性,如提高参与度、利于SEO等。文中提及多种可使用AI标题生成器的场景,并给出了素材链接。
赛博朋克
赛博朋克
Lv1
乡梦不曾休,惹甚闲愁?忠州过了又涪州
文章
4
粉丝
0
获赞
0