文章目录[隐藏]
很多WordPress站长都不知道图片的alt、title属性对网站搜索引擎的SEO优化有非常大的作用。所以很多童鞋的文章都没设置这两个属性,
当知道会影响WordPress网站的SEO时,这个时候发现写的文章太多,只能一篇一篇的进行修改。
那么有没有什么简单易行的方法能够快速的添加为文章图片添加alt、title属性。
其实这个问题的解决办法非常简单,可以利用WordPress钩子,当WordPress在加载文章内容时,使用正则替换掉。
[ad]可以使用WordPress代码自动添加为文章图片添加alt、title属性。
WordPress代码
将下面代码加载你主题目录下的functions.php文件中,即可自动为文章内图片添加上alt、title属性。
function imgcreate($content){ //匹配图片地址正则,如果你的img标签没有class属性你可以使用这个正则 $preg = "/<img.*?src=[\"|\'](.*?)[\"|\'].*?>/"; //匹配图片class属性与src属性正则,如需替换更多自行添加。 $preg1 = "/<img.*?class=[\"|\'](.*?)[\"|\'].*?src=[\"|\'](.*?)[\"|\'].*?>/"; //用来替换的alt属性值 $alt = "1234"; //用来替换的title属性值 $title = "123456"; //采用替换class与src正则使用 $img = '<img class="$1" src="$2" alt="'.$alt.'"title="'.$title.'">'; //采用替换src正则使用 //$img = '<img src="$1" alt="'.$alt.'"title="'.$title.'">'; //执行正则替换 $content = preg_replace($preg1,$img,$content); return $content; } //加载文章内容的触发钩子函数 add_action('the_content','imgcreate');
根据你的文章图片代码,自行选择使用哪种正则即可。
如果需要扩展正则匹配更多内容,比如你还需要匹配width属性,那么可以参考下面的写法:
正则表达式匹配class、src、width:
$preg1 = "/<img.*?class=[\"|\'](.*?)[\"|\'].*?src=[\"|\'](.*?)[\"|\'].*?width=[\"|\'](.*?)[\"|\'].*?>/";
重构img标签HTML代码:
$img = '<img class="$1" src="$2" width="$3" alt="'.$alt.'"title="'.$title.'">';
我写这么多内容就是为了让大家看出其中的规律,别老想着找到完全和自己心意的代码,有那功夫还不如仔细读读这篇文章,读懂了你要怎样替换都行。效果如下图:
假如你的文章图片没有class属性,而你使用了含有匹配图片class属性的正则,那么你的正则将会实现,匹配不到任何值,所以准确选择自己需要的正则才是实现自动为文章图片添加alt、title属性功能的关键。
专题:WordPress SEO优化:
- 5个整理博客旧文章的SEO观念
- WordPress文章分类的设计和排版
- SEO关键词与营销分析工具:SemRush, SimilarWeb 和 Ahrefs
- 使用WooRank SEO分析工具来优化的你的博客
- 如何通过正确整理旧文章来增加网站SEO优化
- 如何合理地设置WordPress文章延伸阅读或文章超链接
- 搜索引擎喜欢什么样的反向链接,反向链接如何给博客SEO加分?
- WordPress博客固定链接是否会影响网站SEO?
- WordPress代码实现自动为文章中的图片添加alt、title属性
- WordPress博客网站搜索引擎优化需要注意几个SEO细节
- 域名是否会影响到搜索引擎SEO优化
- 怎么才能保证WordPress网站搜索引擎SEO优化长期霸榜
- 网站改版对搜索引擎SEO优化是否有影响?
- 为什么有些网站的SEO排名总是靠前
- 不要再相信这4个错误的Google 搜索引擎SEO优化观念
- 5个许多网站站长都会忽视的搜索引擎SEO技巧
- 最简单的 WordPress 速度优化方案:WP Super Cache + Redis
未经允许不得转载:主机格调 » WordPress代码实现自动为文章中的图片添加alt、title属性