サイト運営管理LABについて

サイト運営管理LABは、僕がサイト管理する際に利用するwebサービスやツールをまとめたページです。主に作業効率化のために作られています。

HTMLタグ自動作成

HTMLテーブルタグ

1行目を見出しにする

HTML文字実態参照変換

HTMLリストタグ

ul ol

HTML画像タグ

画像ディレクトリ: 
XHTML HTML5
blog travel itweb
ポップアップ用 ギャラリー用
ここにファイルをドロップ

文字数チェック

文字数カウンター

文字数(スペース・改行込み): 0 文字
文字数(スペース・改行無視): 0 文字

色見本

色見本サイト

ツール

Googleサービス

テキスト・画像圧縮(minify)化

HTML圧縮

改行 タブ 全角スペース 半角スペース HTMLコメント

画像圧縮

画像リサイズツール

HTML圧縮ツール

CSS圧縮ツール

JavaScript圧縮ツール

HTML再整形ツール

CSS再整形ツール

JavaScript再整形ツール

チェッカー

競合サイトチェック

SimilarWeb|Alexa
 

Googleインデックスチェック

Googleにインデックスされているかをチェックします。チェックしたURLを入力し「インデックスチェック」をクリックします。

 

スパムチェック

コピペチェック

表示速度測定

Googleアップデート状況チェック

サイトのキーワード競合解析

SEOアクセス解析ツール - バーサス
  

SEOサイトチェック

HTMLチェック

CSSチェック

RSS・Atomチェック

順位変動チェック

検索順位チェック

検索順位チェックツール

robots.txt解析ツール

URL拡散経路チェッカー

キーワード選定

ガイド

HTMLタグ自動作成の解説

HTMLテーブルタグ自動作成

こちらは、HTMLテーブルを自動で作成できるツールです。テーブルの内容を入力すると自動でHTMLのテーブルが作成されます。セルを区切る場合は、Tabか全角スペースで区切ることができます。 行を増やす場合は、改行することで行が追加されます。

見出しのthタグには対応していません。組込みできなかったわけではないですが、入力の手間がかかるので、テキストエディタなどを利用して選択置換した方が早いと判断したためです。

HTMLリストタグ自動作成

こちらは、HTMLリストを自動で作成できるツールです。リストの内容を入力すると自動でHTMLのリストが作成されます。改行することでリスト化されていきます。 ラジオボタンの「ul」「ol」どちらかをクリックすると選択した記述で出力されます。

HTML画像タグ自動作成

チェッカーの解説説

文字数カウンター

こちらは、コンテンツの文字数をチェックするための文字数カウンターです。文字数カウンターサービスはいくつか存在しますが、クリックが必要だったり、無駄な情報が多いので、シンプルに入力した文字がリアルタイムで表示されるように作りました。

テキストボックスに入力された文字の数をカウントします。

HTMLチェック

The W3C Markup Validation Service

HTMLの構文が正しいかをチェックしてくれるW3C提供のサービス。

ただ、こちらは英語版なので、何を注意されているのかわかりにくい。

Address: の入力欄に http://www.example.com/ などアドレスを入力し、「Check」ボタンを押す。 エラーがある場合は、Result: に "56 Errors" のようにエラーの数が表示され、ページの下の方にエラーの内容が表示される。 警告(注意)がある場合は、Result: に "12 warning(s)" のように警告の数が表示され、ページの下の方に警告の内容が表示される。 構文に問題がない場合は、Result: に "Passed" と表示される。 "warning" があっても "Errors" がなければ "Passed" になる。

Another HTML-lint gateway

こちらは日本語で、もっと厳しく評価してくれるのでウレシイ。 こちらで「よくできました」になれば、上記の評価は大概パスできる。 評価をもっと厳しくするオプションもある。

Another HTML-lint 5

HTML5のチェッカー

Another HTML-lint 5はTMLの構文チェックフリーツールです。

CSSチェック

The W3C CSS Validation Service

こちらはCSSが正しいかを評価してくれる。日本語版。 ちなみに、こちらのサイトの方がHTMLのValidationよりPageRankが高い。 英語圏ではWEB準拠が常識だという証明か。

このツールは日本語に対応している。 基本的な使い方は、HTMLのチェックツールと同じ。 入力するアドレスは、HTMLなどのページのアドレスでも、CSSファイルのアドレスでも良い。 ページのアドレスを入力すると、ページ中のCSSと外部ファイルのCSSの両方をチェックできる。 チェックに合格すると、W3Cのアイコンが表示され、これを自分のサイトに貼ることができる。

RSS・Atomチェック

Feed Validation Service

基本的な使い方は、HTMLのチェックツールと同じ。 入力するアドレスは、サイトのトップページなどlinkタグでRSSのアドレスを指定しているページのアドレスでも、RSSファイルのアドレスでも良い。 チェックに合格すると、W3Cのアイコンが表示され、これを自分のサイトに貼ることができる。 アイコンを貼るためのタグがテキストエリアに表示されているので、これをそのままページのソースに貼れば良い。

順位変動チェック

アクセスに大きな変動があった場合に順位変動率をチェックする。パンダアップデート・ペンギンアップデートを確認する。

namaz.jpは、検索順位の変動を定点観測していて、その変動率でパンダやペンギンなどの大型アップデートや検索順位の変動幅を教えてくれるサイトです。

Google順位変動とパンダアップデート、ペンギンアップデート対策情報

「順位変動チェック」をクリックすると上記3つのサイトが表示されます。ただし、ブラウザによってはポップアップをブロックしている場合、うまく表示することができません。その場合は、常にブロック許可にしましょう。

競合サイトチェック

SimilarWebでサイト分析。SimilarWebは、自サイトの状況や競合サイトを分析するために色々な角度からアクセス状況がわかるツールです。より利用するサイトだがお気に入りを開いてURLを打ち込んでと面倒なので、このページでドメイン指定して直接開くツールを作成した。

下記のテキストボックスにドメイン名を入力して「サイト分析」をクリックすると指定したドメインのSimilarWebが別ウィンドウで表示される。

例)http://www.bokuichi.net/, http://www.yahoo.co.jp/

スパムチェック

スパムチェックはリファラースパムなどをチェックする。リファラースパムについては、「リファラースパムのチェックと対応」に準じて行う。下記サイトはリファラースパムチェックに利用。

HTML圧縮

こちらは自作のHTML圧縮です。

圧縮・再整形ツール

圧縮・再整形ツール

参考書籍

新版 アクセス解析の教科書 費用対効果がみえるWebマーケティング入門 (CD-ROM付)

Webサイトを作るための正しいアクセスログ解析の方法をじっくり基礎から実践まで網羅したバイブルです。さらに、アクセスログ解析に基いたプロのWebマーケティングの技術をわかりやすく解説。Webサイトを販促ツールとして用いて、ビジネスの現場で成果を上げるための一冊です。

Amazon  楽天ブックス

デザイナーズ旅館一覧