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>