乌徒帮科技圈网站运营SEO › 如何在程序上实现图片的SEO

如何在程序上实现图片的SEO

分类:SEO

做图片的SEO也是很有必要的,如果更为理想化的把SEO作为信息元数据的补充的话。但实际上,更多的seoer是为了获得更好的页面权重来做seo的,所以我也不得不追随大流而进行开发。本文主要是来谈谈如何在程序上实现图片的seo。

在本文之前不久的两篇文章,一篇给出了如何处理非站内链接,即使用挑剔的网页跳转。一篇则讲述如何做图片的seo。本文通过杂揉它们的思想,以实现:图片使用的src为本站域名能访问到的地址;这个地址是虚拟的,而不是在这个位置确实有一张图(虽然访问它确实能看到图,这里使用了远程图片抓取技术,但并没有保存在本地),这样就节省了本站的存储空间,这是本程序最大的亮点;更为突出的是,为了满足seo需求,img标签的src和alt属性都以所在文章的别名作为关键字,可以说将这一部分做到极致,而且这一切都是自动化的。我想这一功能的需求量不一定很多,而在国内可能还是第一粒。

首先,我们创建一个数据库表来保管我们的图片信息,以及对应的src。

$sql = "CREATE TABLE IF NOT EXISTS `{$wpdb->prefix}seo_image`(
	`ID` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
	`image_name` char(250) NOT NULL,
	`image_type` text NOT NULL,
	`image_src` longtext NOT NULL,
	PRIMARY KEY (`ID`)
) ENGINE=MyISAM AUTO_INCREMENT=0 DEFAULT CHARSET=utf8;";
$wpdb->query($sql);

这个数据表是用来保存所有我们要进行处理的图片。(注意,有这么几种图片是我们不需要处理的:本站的图片,非http地址访问的图片)

其次,我们需要有一些和数据库打交道的函数,这由我们自己去撰写。这些函数用来完成我们所要处理的插入、查询、修改、删除等操作。

接着,我们需要一个图片处理函数image($src),这个函数的功能是将图片的原地址进行转换,输出为一个经过SEO化的地址,且又能被访问。我在我的程序中如此进行处理:

function image($src){
	global $slipForImg;
	if(strpos($src,'http') !== 0)return $src;
	if(strpos($src,'http') === 0 && strpos($src,get_bloginfo('url')) === 0)return $src;
	$imageinfo = pathinfo($src);
	$image_ext = $imageinfo['extension'];
	if(
		strpos($image_ext,'jpg') !== 0
		&& strpos($image_ext,'jpeg') !== 0
		&& strpos($image_ext,'gif') !== 0
		&& strpos($image_ext,'png') !== 0
	)return $src;
	$image = create_image($src);
	return get_bloginfo('url')."/{$slipForImg}/".$image->image_name.'.'.$image->ID.'.'.$image->image_type;
}

上述的函数中存在一个create_image()函数,即前一个步骤中提到的和数据库打交道的函数。而我还创造了另一个函数img($src)=function(){echo image($src);}用来打印SEO化的地址。如果我们需要在主题中使用某一张图片,我们就可以使用下面的代码来做到:

?<img alt="" src="<?php img('http://www.utubon.com/test.jpg'); ?>" />

接着,我们需要对文章中的图片(非本站图片)进行处理。我们创造一个经过推敲的函数来实现。

[payfor price="2"]function fix_text_image($content){
	preg_match_all("/ src=(\"|\'){0,}((http|https):\/\/(.+?))(\"|\'|\s)/is",$content,$images);
	$images = array_unique(dhtmlspecialchars($images[2]));
	$content = preg_replace("/ alt=(\"|\'){0,}(.+?)(\"|\'|\s)/is",'',$content);
	foreach($images as $src){
		$image = create_image($src);
		$image->image_name = (get_the_title() ? get_the_title() : str_replace('-',' ',$image->image_name));
		$content = str_replace('src="'.$src.'"','src="'.image($src).'" alt="'.$image->image_name.'"',$content);
	}
	return $content;
}
function dhtmlspecialchars($string){
	if(is_array($string)){
		foreach($string as $key => $val)$string[$key] = dhtmlspecialchars($val);
    }else{
		$string = str_replace(array('&', '"', '<', '>'),array('&', '"', '<', '>'), $string);
		if(strpos($string, '&#') !== false)$string = preg_replace('/&((#(\d{3,5}|x[a-fA-F0-9]{4}));)/','&\\1',$string);
    }
    return $string;
}
add_filter('the_content','fix_text_image',-1);
add_filter('the_excerpt','fix_text_image',-1);
add_filter('comment_text','fix_text_image','', 1);
add_filter('comment_text_rss','fix_text_image','', 1);
add_filter('comment_excerpt','fix_text_image','', 1);
add_filter('widget_text','fix_text_image','', 1);[/payfor]

当然,在上述的代码中还是存在我所说的和数据库打交道的函数。不过关键的在于修改the_content等中的img[src]值,同时我还进行了alt的修改,以让图片实现alt的SEO效果。

最后,我们需要真的能使用这些虚拟的图片地址把图片打印出来,我们先通过判断$_SERVER["REQUEST_URI"]来了解当前的地址是不是我们准备好的虚拟地址。这里有一个小技巧,在一般的虚拟主机中,如果开启了重写功能,URI如果不存在,就会使用index.php模板,如果在BAE等云平台上,就比较麻烦了,因为它们不支持这种URI段(主要指带文件名后缀的段,如.jpg结尾),所以没有办法,我们需要加一个?来帮助,即第一个段为?img,而非img。这样一来,/?img/my-test.jpg就可以被用作一张图片的访问地址了。

可是地址虽然可以被访问,如何使这个访问地址指向一张图片呢?或许你会以为要修改.htaccess或其他重定向方法,而我却想到了php的header()函数,因此选择了使用header("Content-type: image/jpeg");来输出一张图片。这一点点破之后就好办了,你可以查询imagejpeg这个函数来了解如何在一个php网页中打印一张图片。但是需要注意的是,似乎也会存在例外,我在打印png图片的时候始终无法打印出来,迫不得已的情况下使用了下面这段代码。

header("Content-Type: image/png");
echo file_get_contents($src);

这虽然不严格,却真的能够打印出一张图片来。

综合上述的开发思路,你完全可以实现用/img/my-test.png这个地址访问一个可能源地址为http://www.baidu.com/logo.png的图片,只要你认真思考的话。核心的技术都在这里了,需要你开发成php程序,如果你无法完成,可以向本人付费开发。

对于通过程序打印图片的情况,会造成两个弊端,一是占用时间长,因为首先要获取远端图片,然后在通过程序生成图片,二是花费服务器的流量,对于小网站来说,这种方法仍然占用自己的流量,带来和原来存放在自己服务器上的图片相同的流出流量。不过,本人已经找到了既不占用时间,又不消耗流量的方法,(直接访问远程图片。)可以向本人付费开发。

已有1条评论 快速评论
  1. seo论坛 #4348楼 2014/07/21 19:11:36 回复

    哈哈哈 价值啊

填写个人信息,赶快回复吧!