ブログ右側に、HPのメニューを一覧表示し相互リンクした。
- カテゴリー:
- ステンドグラス・ビジネス
- 旧ブログ更新
以前からブログとHPのリンクを密にして、来訪者の皆さんにHPの存在を手軽に知らせたい、と考えていた。が、格好よく表示したいと欲張り、手を付けなかった。
ブログの右側(3カラム・サイドバーサブ)のサイト内検索キーの下にメニュー表示する計画のことです。欲張ってバナーリンクにするつもりだった。
なんでも同じで、恰好つけようとすると、面倒で臆病になる。
そんな理由だったが、格好つけるより実利を、と思い手を付けた。
ブログとホームページ間の相互リンクはSEO上効果がある。
こうすることで、HPの各ページはブログから被リンクを受けることになる。
その相互リンクの数は、40個近くになる。
方法は、下記のようなウィジェットテンプレートを作成し、3カラム・サイドバーサブに追加する。
この作業は、修正する度に再構築することになる。
が、この再構築の時間が40分以上かかる。ブログ記事数が1000個を超えているせいだろう。
結局、あちこち直しては再構築しているうちに、徹夜になってしまった。
以下は、その方法の一部である。
<h3 class="widget-header">< HP メニュー > </h3>
<div class="widget-content">
<UL class"widget-list">
<li class="widget-list-item">
<a href="https://www.haro-glass.com/index.html"
target="_blank">トップページ</a></li>
<li class="widget-list-item">
<a href="https://www.haro-glass.com/stained.html"
target="_blank">CAD・CAM開発</a></li>
<li class="widget-list-item">
<a href="https://www.haro-glass.com/koremade.html"
target="_blank"> これまで</a></li>
</ul>
<font color="#000000">
</div>
そして表示されたのが、このブログ右側の< HP メニュー >で、最初にトップページ、次にCAD・CAM開発 、 これまで ・・・・・と、続いている。
これは、HP(トップ)の左側のメニューとほぼ同じです。
試しにクリックして頂けると、ありがたい。
写真は、サンシュウの盆栽だが、昨年太い幹だけを残し剪定したところ、新しい枝が生え花も咲き始めた。 この方が良い。
ユーモラスな姿から、いろいろな連想が生まれる面白い盆栽で・・・
投稿日:2012年03月16日