如何在程序上实现图片的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程序，如果你无法完成，可以向本人付费开发。

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

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

相关文章