当時のレイアウトのこのブログです。今度は、今年のカレンダーから1月17日を選択。確かに今年1月のレイアウトです。Archive」では古いWebページを探して見ることが出来ます。Tomそもそもは、このブログで使っているYahoo!JAPANの「カスタムサーチ」がカスタマイズしやすくてオススメだという記事を書こうとしていたわけです。したらカスタムサーチのページで「内容が重複する複数のURLをまとめるよう、検索エンジンに通知」という記事を見つけました。サイトには、URLは異なるがウェブページの内容は変わらないというケースがあります。URLがトラッキング用のパラメータを含んでいる場合や、URLに含まれるパラメータをもとに閲覧環境によってウェブページの表示を最適化しているような場合です。例http://www.example.com/products?trackingid=feedhttp://www.example.com/products?sessionid=hgjkeor2http://www.example.com/products?printable=yes&trackingid=footerこのような場合、検索エンジンのインデックスに個々のURLで登録されると、同じ内容のウェブページが検索結果に表示されたり、同じ内容のウェブページであるにもかかわらず、各URLにクローラーが巡回し、サーバーに負荷をかけてしまう、また、サイト内の巡回が効率的に行われないといった不都合が発生することがあります。このようなことを避けるため、サイト管理者がウェブページのなかで<link>タグを利用して、重複を避けるように検索エンジンに通知する方法が用意されています。具体的にはヘッダに下の様に書いたとすると「このページはhttp://www.example.com/と同じ内容です」と宣言したことになるようです。/>ということは、ここでひとつの疑問が出てきます。ヘルプ」にありました。指定できるかリダイレクトは簡単に設定できない場合があります。サーバーを使用しているときに、新しいドメイン名に移行する場合などです。可能な限りこの要素を追跡します。属性」は、次のような使い方が出来るということでしょうか?ブログやサイトを別ドメインに移転した。今までに作ったページも新しいドメインにコピーした。今後は新ドメインで運用するが、これまでの遺産として古いドメインにも記事を残しておきたい。すると後から作った新しいサイトがコピーサイトとして検索エンジンに低く扱われる可能性がある。属性」でコピー済みの新しいサイトの記事を指定しておく。することで検索エンジンには、新サイトを優先するよう指定する。可能な限りこの要素を追跡」してくれるのでしょうか?実は最近、この条件に合致した移転ブログがあります。(長いので以下「パー活」と省略表記)「パー活」は最近、独自ドメインを取って「ココロデザイン」というサイトに移転しました。その移転の際のリポートを「技術のタマゴ」というブログに書いています。自分は読んでいないのでよくわかりません。noindexがどうだとか、いろいろやっていたみたいなので参考になるかもしれない。いうことで「技術のタマゴ」を開いたら、こんな記述が見つかりました。※rel="canonical"で重複記事の中で、新記事を一番だと主張するという案もありましたが、同一ドメイン間じゃないと使えないということで、却下になりました。Googleのページには、こう書いてあります。サーバーを使用しているときに、新しいドメイン名に移行する場合などです。新サイトを指定できるとしても、ブログで実際にどうやればいいのかという問題があります。すべての記事のヘッダにrel="canonical"属性で、新しいURLを書き込まないといけませんが、多くの無料ブログのテンプレートでは1記事ごとに違うURLを指定する事は出来ません。ファンブログハックの記事からファンブログハックに「「タイトルタグの重複」をjavascriptで回避する(ファンブログ、FC2)」という記事があります。JavaScriptを使ってHTMLに書いてあるのと違うタイトルに書きかえたところ、Googleには書きかえたタイトルが反映されたという内容です。実はこのブログは今月1日に新しいスキンに変えているんですが、「site:fanblogs.jp/ayzfqir5」をググるとおもしろい結果が出ます。このブログのスキンには、タイトルにページ番号やカテゴリー名を表示させる機能がありません。JavaScriptで書き加えているんですが、スキンを変えて数日で、検索結果に反映されるようになりました。ファンブログハックの記事の通りです。属性を追加すれば、検索に反映されるのではないだろうか?つまり、新しいサイトを優先して表示してくれるのではないだろうか?と仮定できるのです。それが出来るなら「パー活」にnoindexを指定する必要はなくなります。言ったものの、ページ数がたくさんある時は大変です。ちなみにページが数ページしかない時には、下のようなスクリプトで実現できると思います。前提条件として、古い記事のURLはすべて「http://fanblogs.jp/parthaken/archive/xxx/0」というフォーマットになっているものとします。URLの中のxxxは数字です。この数字ごとに新しいURLをヘッダに書き加えます。新しいサイトでは、記事の内容ごとに違うブログに分けていたとしても大丈夫です。/\>');}//--></script>これをheadタグの中で、一番最初のscriptタグの直前に書けばうまくいくと思います。古い記事のURLがhttp://fanblogs.jp/parthaken/archive/001/0なら「http://hoge.example.com/page_001.php」というように、それぞれの新URLをヘッダに追記します。記事が何百ページもあったら上のやり方では無理があります。同じ窓で、開いていたページを消して新しいページに変わる場合があります。ここをクリックすると、別窓で開きます。ここをクリックすると、このページを消して新しいページに変わります。どこを変えると、別窓で開いたり、同じ窓で開いたり切り替えられるのでしょうか。ファンブログのリンクファンブログの編集画面でリンクを張る方法は、ここに書いてあります。「リンクを貼る」これで、自動でHTMLに書き換えてくれます。このやり方だと「リンク先に指定したページが新しいウィンドウで表示されます」と、説明に書いてあります。新しいウインドウではなく、同じウインドウで新しいページに切り替えたい新しいウインドウで開く場合は、上のままでOKです。以下は、同じウインドウで新しいページに切り替えたい場合の説明です。先ほどの「リンクを貼る」では自動で、どのようなHTMLに書き換えているのでしょうか?それは下のとおりです。target="_blank">ここをクリックすると、別窓で開きます。いう部分が別の窓で開け!という命令です。この赤文字部分を削除すれば、同じ窓でページが変わります。するのなら自分でリンク部分のHTMLを書く必要があります。自動でリンクを貼れば、必ず新しいウインドウでページが表示されます。href="リンク先URL">ここをクリックすると、このページを消して新しいページに変わります。タグは半角で書きます。Tom適当なカテゴリーがないから「HTML」に入れてますが、RSSに関する記事です。自分がブログをいつはじめたのか?覚えていればいいですが、忘れてしまったとしても、RSSを見れば調べることが出来ます。HTMLのヘッダを見て、次の場所を探します。このタグの中のhrefで指定されたURLをコピーします。このURLがブログのRSSのアドレスです。追加したものになります。コピーしたURLをブラウザのアドレスバーに貼り付けてEnterを押します。すると、次のような画面が開かれます。表示されているのはRSSですが、ブログ誕生日を見るには、このRSSのソースを見ます。chromeやfirefoxだと、RSSの画面上でマウスを右クリックすれば「ソースを表示」という項目があるのでクリックします。それ以外のブラウザのソースの開き方は調べてください。ソースの最初は次のようになっています。ブログ誕生日のデータです。2011年05月19日の23時31分35秒に誕生しました。+09:00というのはグリニッジ標準時で9時間の時差があるという表示です。Tomこのブログのサイドバーに「どうでもいいコメント用フォーム」を作りました。記事とは関係ないコメント用です。「お問い合わせフォーム」みたいな使い方も出来るでしょうが、このブログではジョークソフトの感覚で設置しています。以下は、その設置方法です。ご自由にコピペしていただいて構いませんが、厳密に考えて作っていませんのでトラブルがあっても当方は責任を持ちません。お使いの際は、それをご了承ください。クッキーや入力チェックはありません。追記:ファンブログのみ、ログイン中のクッキーを有効にしました。質問には答えませんので、見てわからなければ設置はあきらめてください。送信先ページを作るまず、フォームに入力されたコメントが送られる先、言い換えると、書き込まれたコメントの表示先となるページを作ります。これは普通にブログの記事をひとつ作るだけです。記事のタイトルも文面も、ご自由に作ってください。ページが出来たら、ブラウザでそのページを開きます。表示されたページのソースを見ます。chromeやfirefoxなら右クリックして、「ページのソースを表示」を選択します。その他のブラウザの場合は、、、、調べてください。ページのソースの中に下の箇所があります。ブログだと通常は送信フォームは一つしかないと思いますので、ページ検索すればすぐに見つかると思います。ファンブログの場合です。action="URL">formタグの中にあるactionに書いてあるURLをコピーします。このURLが送信先のURLです。あとは、サイドバーに送信フォームを作り、送信先に先ほどの送信先のURLを指定するだけです。括ったファンブログの独自タグを削除して、すべてのname属性の値を正しく書き換えれば使えると思います。青字部分は、お好みで書き直してください。括ったファンブログの独自タグは、送信後、エラーがあった場合にそこにエラーが書き込まれるもので、ファンブログのみで有効です。ここに表示ページのURLと書いてある場所には、コメントを送信するために作った記事のURLを書き込みます。スタイルシートはご自分のブログに合わせて作ってください。つけるとクッキーが反映されません。href="ここに表示ページのURL">どうでもいいコメント一覧を見る!</a></p>ファンブログ用の追記ファンブログのみ、クッキーを有効にしました。下のコードを上のフォームの直後に追加すれば、ログイン中は自動で名前やURLが入力されるようになります。Tomインターネットでページを見るときに必要なのがURLです。このブログのURLはhttp://fanblogs.jp/ayzfqir5/archive/465/0ですが、それに情報を含めて送る事が出来ます。http://fanblogs.jp/ayzfqir5/archive/465/0にユーザーIDの「Tom」とパスワード「sexy」を含めて送る場合このようにします。(このユーザーIDとパスワードは架空のものです)http://fanblogs.jp/ayzfqir5/archive/465/0?user_id=Tom&password=sexy上のリンクをクリックしてみてください。URLに架空のユーザーIDとパスワードという、余計なものが混ざっているのに、問題なくこのページが表示されたと思います。これがGET送信です。GET送信でTwitterなどのAPIにパラメーターを送ることが出来ます。Tom「縦書きHTML」でみかんさんから質問をいただいたので補足します。その時の記事に書いてある通り、これはInternetExplorerでしかできません。よって、この記事はInternetExplorer以外で見るとレイアウトが崩れます。これはWebサイトを作るのには不適格な機能ですが、年賀状印刷には使えます。「HTML5で縦書き年賀状」というタイトルですが、技術的な内容のみで、レイアウトについては扱っていません。Explorer用です」とか書いてあるサイトがあって、非常にむかつきました。客に制約を課すな!と思うんです。この記事においでのみなさん、この記事だけはInternetExplorerでご覧ください。TomHTMLでは半角スペースや改行がいくつ続いても半角スペース1個分として扱われます。説明はしませんが、全角スペース、つまり日本語はこの限りではありません。半角スペースを10個続けた後に「あいうえお」と書いても表示結果は下のとおりですがあいうえお全角スペースを10個続けた後に「あいうえお」と書くとこうなります。あいうえお便利ですが、これでは欧米人は困ってしまう。半角スペースを使ってでも空白を長く取ることは可能です。今回は、「HTMLで空白を作る方法、いろいろ」の巻。ここにブログの名前を入れますTop×この広告は30日以上新しい記事の更新がないブログに表示されております。