您现在的位置是:首页 > 正文

html文章图文标题,什么是 WordPress 网站图片title标题/alt替代文本/caption说明/description图像描述标签?如何添加?...

2024-02-01 04:30:47阅读 1

什么是 WordPress 网站图片title标题/alt替代文本/caption说明/description图像描述标签?如何添加?当你浏览网站的时候,如果图片打不开,那么在图片位置出现文字提示,这个就叫做 alt标签或者 alt属性。那么 wordpress还有 title标题/caption说明/description图像描述等多个属性,既然有朋友问到这个问题,那么魏艾斯博客就分享关于 WordPress 网站图片alt标签属性是什么及如何添加。

在 wordpress 的媒体库中,alt 叫替代文本,title 叫标题,caption 叫说明,description 叫图像描述。

b6b8c3ebcd1ed973f821839ce1d9d4f3.png

一、四个图片属性标签介绍

1、alt替代文本

网站图片 alt标签是当网站图片无法显示时,做一个替代文本,对网站 seo有好处。在 wordpress的媒体库中,对于已经上传的图片,【替代文本】就是 alt标签。alt属性值的长度要求少于100个英文字符。

2、title标题

【title标题】是图片的文件名称,为图片提供额外的说明信息,比如日期或者其他信息,可以看做备注或者注释。title属性值可以比alt属性值设置的更长。

alt和title的区别是:alt属性是用文字代替无法显示的图片,而title属性是对图片的注释。

无论图片是否能显示,当图片仅添加title属性时,鼠标悬停可以看到该图片title属性的文字注释。当图片仅设置alt属性时,鼠标悬停可以看到该图片alt属性的替代文字。如果同时设置,鼠标悬停仅显示图片title属性。

3、caption说明

【caption说明】是图片在网页上显示的文本,添加后在图片下面会出现对应的文字内容,是对图片的解释性文字。这里可以留空不添加内容。

4、description图像描述

图像描述是对图片的补充说明,比如这个图片的来源,图片故事或者图片应用场景等。添加有助于被搜索引擎收录。也有不少人是手动在图片下面添加描述的。

二、属性标签的重要性

1、alt标签和 title标签在html 源代码中的写法如下:替代文本

alt 和 title 要用简短语句描述图片内容,且包含关键词。告诉你一个简单办法就是把文章标题扔进去就妥了,言简意赅。不好的习惯是每张图片都没有alt标签,就拿魏艾斯博客这个网站来说,很多图片的 alt标签都是空的,也是老魏懒的历史缘故。而有人把每个标签都使用了堆砌关键词的违规做法,最后很有可能被视为垃圾网站。

2、这四个标签都建议添加上,设置图片的 alt属性为文章核心内容或图片真实信息,并简短精确。为图片设置alt属性有利于搜索引擎抓取、收录图片,进而增加网站流量。在图片title属性中添加:点击图片详细阅读某个文章。就能体现出 title属性的seo效果了。至于 caption说明可加可不加,description图像描述可以手动添加,也可以这里添加。

3、缺少 alt标签对搜索引擎不友好,那么搜索引擎在抓取你的 wordpress 网站时,如果发现很多图片没有 alt标签,就不会抓取博客图片,对搜索引擎来说图片就没有意义了。含有 alt标签的图片会被图片搜索引擎收录,这时候有用户搜索相关关键词的时候,对于博客的权重、外链都有一定帮助,还能提高博客流量。而且当图片加载失败时,alt标签帮助用户理解上下文含义,提高用户体验。

综上所述,好好利用这几个属性,能够提高网站图片的 seo排名,进而帮助网站在搜索引擎上获取更多曝光机会。

网站文章

  • nodejs的require()函数真正干了些啥?

    nodejs的require()函数真正干了些啥?

    首先应当知道,require函数是nodejs提供的,用来模块化的,内置函数。,其中包含了导入目标js文件中暴露的数据(属性、函数)。可以通过var obj = require(“./mydemo.js”);接收,通过obj.x,obj.func( )取用。,运行这个函数。但是,你不能我说啥就是啥啊,怎么验证呢?

    2024-02-01 04:30:39
  • 课程 | 混沌大学李善友第一性原理

    课程 | 混沌大学李善友第一性原理

    害怕,哈哈哈哈哈哈哈哈

    2024-02-01 04:30:10
  • Go语言学习-基本

    程序结构命名​ 如果是在函数外部定义,那么将在当前包的所有文件中都可以访问。名字的开头字母的大小写决定了名字在包外的可见性。如果一个名字是大写字母开头的(译注:必须是在函数外部定义的包级名字;包级函...

    2024-02-01 04:30:04
  • Trapping Rain Water

    Trapping Rain Water

    Givennnon-negative integers representing an elevation map where the width of each bar is 1, compute how much water it is able to trap after raining.For example,Given[0,1,0,2,1,0,1,3,2,1,2,1], r...

    2024-02-01 04:29:57
  • Java 12 –开关表达式

    Java 12 –开关表达式

    Java 12, JEP 325:开关表达式增强了传统的switch语句,以支持以下新功能: 多个案例标签 开关表达式通过break返回值(在Java 13开关表达式中替换为yield ) 通过标签规则切换表达式返回值(箭头) PS Switch表达式是预览功能,默认情况下处于禁用状态。 一个传统的switch示例。 JEP325.java package...

    2024-02-01 04:29:29
  • Tensorflow2 导入自定义预训练模型

    网上大多数都是直接调用tf的内置application中的预训练模型,这里用自己训练好的预训练模型。预训练模型的最后全连接层不要,只保留前面的捕捉特征的层且这些层权重冻结不参与接下来的训练。不冻结也可...

    2024-02-01 04:29:24
  • 被遗忘的SQLServer比较运算符修饰词

    SQLServer中有三个关键字可以修改比较运算符:All、Any和Some,其中Some和Any等价。官方的参考文档http://technet.microsoft.com/zh-cn/library/ms187074%28SQL.90%29.aspx 他们作用于比较运算符和子查询之间,作用类似Exists、not exists、in、not in以及其他逻辑意义,这些语法同

    2024-02-01 04:29:17
  • linux问题排查常用命令详解

    linux问题排查常用命令详解

    前阵子部署的服务器出现了故障,针对故障现场做了个排查,后来发现是nginx的quic分支代码的问题,出现了死循环导致CPU 近100%记录下在排查过程中使用的命令和

    2024-02-01 04:29:11
  • Git远程仓库配置SSH(以github为例)

    Git远程仓库配置SSH(以github为例)

    输入命令以及。 输入命令,查看配置是否正确。 输入命令。 然后连续敲三次回车,如果没问题你会看到如下界面 输入命令,查看生成的公钥。 也可以直接打开文件进行查看。 打开github,点击用户头像,再点...

    2024-02-01 04:28:42
  • idea 一键导包

    idea 一键导包 一键删除没有 的包,导入缺失的包 ctrl + alt + o

    2024-02-01 04:28:33