内部リンクを減らすために画像とリンクテキストを一つにする

Cakephpで画像とアンカーテキストを一つのリンクにまとめる

画像とアンカーテキストにそれぞれリンクを貼って並べておくと、内部リンクが2倍になるため、一つのリンクとして統合することが良いとされている。

個人的にも内部リンクは減らす傾向があり、画像の下や上にリンクテキストを配置する場合には、リンクをまとめることにしている。Cakephpでは、以下の方法で画像とアンカーテキストをまとめたHTMLを出力できる(コードがCakephp1系のものになっていますが、2系の場合も参考になるはず)。

echo $html->link(
	$html->image("http://images.url.net/pic/".$picture, array("alt" => $title))."<p>".$anchor_text."</p>",
	'/post/'.$id,
	array('class'=>'url'),
	false,
	false
);

出力されるHTMLは以下のようになります。

<a class="url" href="/post/1">
<img alt="text" src="http://images.url.net/pic/20130504083810.jpg">
<p>アンカーテキスト</p>
</a>

Webエンジニアブログにコメント

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

内部リンクを減らすために画像とリンクテキストを一つにするの記事にコメントを投稿