SEO習得のためのチェックリスト（初心者編） | Moz - SEOとインバウンドマーケティングの実践情報
物心ついて以来、僕にとって何かを学ぶ最善の方法は、実際にそれをやってみることだった。検索エンジン最適化を理解しようと取り組んでいたとき、僕はやるべきことのチェックリストを数え切れないほど作ったんだ。そこで、SEOを身につけるのにいちばん役立つチェックリストを以下にまとめてみた。SEOについて、あまり経験はないけれどもっと学んでみたいという人たちの役に立てればいいな（おまけとして、イケてるチェックボックスも付けとくね ―― クリックしてもチェックできないけど）。 基本的なWebサイトの作り方を学ぶSEOのテクニックに首を突っ込む前に、ウェブ開発の基本事項を知っておくことが大事だ。以下の課題に取り組んで、SEO業者として成功するために必要なウェブ開発スキルを養おう。 簡単なWebサイトなら、WYSIWYG式のHTMLエディタなんかは使わずに、自分でソースコードを書けるようにする コードって言葉
あなたのウェブサイトを高速化する方法 - builder by ZDNet Japan
そして同氏は、世界で最も高速なウェブサイトの1つであるGoogleのパフォーマンスにかかわる仕事をしているのである。 ウェブのパフォーマンスには2つの重要な側面、すなわち効率性と応答時間がある。効率性は、世界ランキング100位に入るようなウェブサイトを構築する際に出てくるスケーラビリティという難問に取り組むための武器である。あなたのウェブサイトが何百万人単位のユーザーと、何十億単位のページビューを擁するような規模のものである場合、バックエンドアーキテクチャ全体に対する理解を深めておくことが重要となるだろう。 ページの速度というものは、HTMLドキュメント内に記述する一連の指示によって決定されると言っても過言ではない。 iGoogleを例に挙げると、バックエンド処理に費やされる時間、すなわちデータがキャッシュされていないために毎回リクエストされることで費やされる時間は、ページ全体の処理時間の
第13回 Webページで読みやすいテキストとは：ITpro
今回のポイント 1行あたりの文字数の目安 1段落の文字数の目安 段落に含む文字数 行間調整の考え方 字間調整を使ったロゴ風味見出し 日本語というのはもともと縦書き文化です。文字も筆で縦書きしていくときに書きやすいように作られています。現在PC画面上で見るフォントは，活字印刷物のフォントとは違い，横書きで読みやすいようにもともとの字体から若干形を変えられています。それでも起源である縦書きの形を完全に壊すことができないので，やはり横書きでは読みづらいようになっています。 日本人が苦痛を感じることなく読める横書き1行あたりの字数は20字＋α程度だと言われています。意識して雑誌などを見るとたいていが!)25文字から28文字程度です。用紙，つまり本のサイズがA4を超えるような大判になると，1ページを左右2段組に分けて25～28字程度に調整されています。 一方，縦書きの場合には識別許容量はグンと増加し
CSS擬似クラスを使うべき理由 | エンタープライズ | マイコミジャーナル
A List Apart - For People Who Make Websites HTMLとCSSは規格通りに使うとすれば縦横無尽にさまざまな記述ができる。しかし規格上サポートされているからといって、馬鹿正直にそうした機能を使うのは避けたい。シンプルな記述であとから読んでも理解しやすい、他人が読んでも理解しやすいHTMLやCSSを書けるようになることが理想だ。しかし誰しも最初は素人だ。エキスパートがまとめたドキュメントを参考にして、そうしたテクニックであり勘どころを学んでしまいたい。 フロントエンドデベロッパであるAlex Bischoff氏は5日(米国時間)、A List ApartにおいてKeeping Your Elements' Kids in Line with Offspringという名のもと、CSSやHTMLの記述方法について細かい技巧をまとめて発表した。同ドキュメント
テキストエディタでWebサイト構築をガンバル人へ（1/3） ― ＠IT
テキストエディタでWebサイト構築をガンバル人へ：どこまでできる？ 無料ツールでWebサイト作成（6）（1/3 ページ） 「あえて」テキストエディタでWebサイト構築 今回はテキストエディタと組み合わせることで、開発をより便利にできるツールについて考えてみよう。 現在「あえて」テキストエディタでの開発を行われている方には、現在使っているエディタを選択するまでの“経緯”や“こだわり”があると思う。筆者もこれまでにさまざまなテキストエディタを試し、「この程度のもので十分だ」と感じるテキストエディタを現在使っている。 テキストエディタ＋α そこで今回は、テキストエディタ自体とそのプラグイン／拡張機能に関する紹介は行わないこととし、「どのようなテキストエディタを使っている場合でも、組み合わせて使うことでより簡単にWebサイト構築ができるツール」という観点で紹介したいと思う。もちろん、Webオーサリ
HTML5が持つ本当の意味 ― ＠IT
2008/01/25 ウェブ関連技術の標準化団体「W3C」（World Wide Web Consortium）が「HTML5」の策定に向けて活動を本格化しました。1月22日には「HTML5」の最初の草案を公開。2010年9月に正式な勧告としてリリースする予定だと発表しました。 普段からウェブ関連技術をウォッチしている方は別として、「なぜ今ごろ？」と、この突然のW3Cの動きに驚かれた方が多いのではないでしょうか。「そもそもW3Cがやる意味があるの？」という疑問の声も聞こえてきそうです。 標準化団体としてのW3Cのプレゼンスは、近年あまりに高いとは言えません。かつて1990年代後半から2000年ごろにかけて、誰もがW3Cの一挙手一投足に注目していた時期がありました。彼らの出してくる標準技術仕様こそが、インターネットを形成する共通言語だと、多くの人が信じていました。 ところが、現在広く使われて
3分LifeHacking：Webサイトのブラウザ別スクリーンショットを一括取得する - ITmedia Biz.ID
自分のWebサイトが、ブラウザによって、またはOSによってどのように見られているか――。いちいちブラウザをインストールするのも面倒だし、OSの切り替えはもっと難しい。オンラインで手軽にチェックできるサービスを紹介しよう。 Webページの表示に利用するブラウザやOSなど、人によって利用環境はさまざまだ。自分の環境ではきちんと表示できるWebページでも、他人の環境では見え方がまったく違っていて、レイアウトがガタガタだったり、最悪の場合は一部が表示されないなど、ヒサンな状態になっていることもしばしばだ。 最近であれば、個人のブログが要注意。さまざまなブログパーツを共存させている場合は、ブラウザやOSなど条件の違いによってレイアウトが崩れる確率も高くなる。こうした事故はなるべく防ぎたいと思っていながらも、チェックの手間がかかることから、半ばあきらめている人も多いのではないだろうか。 今回紹介するの
IE7.js登場 - IEのCSS/HTML非準拠はこれで対応 | エンタープライズ | マイコミジャーナル
Dean Edwards氏は7日(米国時間)、IEの動作をW3C標準仕様へ準拠させるためのライブラリIE7.jsの最新版を公開した。IE7.jsはJavaScriptで開発されたMS Internet ExplorerのHTML/CSS表示を調整するライブラリ。IE7.jsを使うことでMSIEのHTML/CSSまわりの表示処理をよりW3C標準規約に準拠したものにする。IE5やIE6で透過PNGを表示できるようにもなる。 IE7.jsは基本的にMSIE5/6向けに用意されていたライブラリをIE7に対応させたもの。これまでのモジュール構造は廃止され、IE7.jsやIE8.jsといったように個別のファイルに分離されている。ホスティング先もGoogle Codeへ変更された。IE7.jsはサイズも縮小され、圧縮した状態で11KBほど。またbase2.DOMのセレクタエンジンを使うことでより高速に動
Web制作に役立つフリーソフト:アルファルファモザイク
>>1 お疲れ様 前スレででたまとめサイトに掲載されてないもの [931]Website Explore http://www.umechando.com/webex/ 階層構造とファイル構成をエクスプローラ形式で表示 [944]HTMLPAD http://www.vector.co.jp/soft/win95/net/se118788.html HTMLタグ挿入型エディタ [949]Rafale http://www.forest.impress.co.jp/article/2005/02/08/rafale.html 画像を含めたWebページ全体の色合いをレタッチ感覚で一括調整 [953]削りませんか参号 http://www.vector.co.jp/soft/win95/net/se106070.html HTMLの無駄を削ったり、より無駄の少ないよう
Seth Godin「すごいWebサイトを作る方法」（日本語訳） - Trans
著者: Seth Godin件名: How to create a great website日付: 2007年10月11日URL: http://sethgodin.typepad.com/seths_blog/2007/10/how-to-create-1.html訳者: Arata Kojima How to create a great website あなたが逃れられない原則はこれだ。 委員会なんかは首にしてしまえ。歴史上、3人以上で作られたすごいWebサイトというのは存在しない。1つもない。厄介なことになるだけだ。 インタラクションを変えろ。すごいWebサイトをすごいと言わしめるのは、簡単そうな感じと同時に、新しいことだ。これは、そのWebサイトがあなたに新しいこと、新しいインタラクション、新しい関係性をもたらすことを意味する。その一方で、すぐにどうやって使えばいいのかも分かる
無料でSEOの診断と具体的アドバイスを行うネットサービス「Dipper」 - GIGAZINE
調べたいサイトのアドレスとキーワード（3つまで同時入力可能）を入力し、診断ボタンを押すだけでSEO診断、さらにはどうすればいいのかという具体的なアドバイスを行ってくれます。 診断内容としては、対象キーワードの自然検索での順位・対象キーワードの検索結果数・Googleページランク・Yahoo!ディレクトリ登録の有無・被リンク数・インデックス数・対象キーワードの出現頻度・サイト構造・ソース・ドメイン取得年月日となっており、かなり充実しています。 実際の使い方は以下から。 SEO診断ツール Dipper β（ディッパー）－Septeni－ http://dipper.septeni.co.jp/ 調べたいアドレスとキーワードを入力後、「診断する」をクリック しばらくするとこのような評価が自動的に表示されます 単純に結果を見せるだけでなく、アドバイスもしてくれるのでかなりお役立ちかも。
Google Japan Blog: Google の検索が好むウェブサイトとは？
私たちは時々、「 Google の検索結果に自分のサイトを掲載するにはどうすればいいですか？ 」 というお問い合わせをいただきます。今日は、そんな疑問をお持ちのウェブマスターの方々へ、 ウェブマスター向けガイドライン をご紹介したいと思います。このガイドラインには、Google がどのようにウェブサイトをクロールし検索結果に掲載するかのヒントが書かれています。以下に、ウェブサイトを Google の検索結果に掲載させるために参考となるティップスを、いくつかピックアップしましょう。 * デザイン、コンテンツ、および技術に関するガイドラインを参考にして、Google と相性のいいサイトを作ることをおすすめします。サイトをわかりやすい階層にし、各ページに対しては少なくとも 1 つの静的なテキスト リンクが張られるようにします。 * あるウェブサイトが Google のインデックスに登録されるのは
30種類以上のSEOツールを無料公開している「DoctorSEO」のSEO診察室 - GIGAZINE
SEO対策にかかる「時間」と「コスト」を大幅に削減させるSEO対策ツール「DoctorSEO」から、30種類以上のSEOツールが無料公開されています。 検索エンジンでの順位確認、リンクの状況の確認、HTTPのレスポンスヘッダ表示、Google・Yahoo・MSNの各検索エンジンについて検索文字列を入力し、検索結果(SERP:Search Engine Result Page)を1つの画面に表示するなど、非常に多彩な機能が山のようにあります。 アクセスは以下から。 SEOツール：検索エンジン対策総合ツール「DoctorSEO」| SEO診察室 用意されているツールは以下のようになります。 SEOクイックレポート URLとキーワードを指定して、いくつかのツールをまとめて実行し、結果をレポート風に表示してくれます。 ページ比較レポート URLで指定した2つのページについて、現在の状態をまとめたレ
WEB色見本 原色大辞典 - HTMLカラーコード
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
SEOの大基本となる6つのプロセス：前編 | SEOについて最低限知っておくべきコト
先日、ある会社の社長がやってきてホームページのリニューアルを依頼してきた。社長は、それまで営業の対面販売を中心にやってきたので、ホームページにお金をかける必要性を感じていなかった。しかし、最近自分の会社のホームページのひどさに愕然としたというのだ。 「検索しても自分の会社のホームページが出てこないんだよね」と話は続き、SEOの話になってくる。 SEOに関する仕事の依頼は、これまではショッピングサイトからが多かった。それがここ2年ぐらいは、金融サービスや中小企業向けのサービスなど、対面営業が中心の企業からの依頼が増えている。インターネットだけで完結しない商売でも、検索エンジンとホームページが顧客の決定プロセスに大きな影響を与えている。そのことが経営者にも認識されてきたようだ。 筆者は2000年頃からSEOに取り組くんできたが、こういった社長の言葉を聞くと、SEOが企業のウェブサイトにとって当
MOONGIFT: » ついに登場！CSSフレームワーク「Blueprint」:オープンソースを毎日紹介
誰かがきっと作ってくれると思っていた。 prototype.jsのようなライブラリを利用するのは、便利な機能が多いという事もあるが、各ブラウザ間での相違を吸収してくれるという点も大きい。 その点において、CSSもまた各ブラウザ間での表示の差異が大きい。そこで試してみたいのがこれだ。 今回紹介するオープンソース・ソフトウェアはBlueprint、ブラウザ間の描画差異を吸収して簡単にマルチカラムを実現してくれるCSSライブラリだ。 Blueprintはヘッダ、コンテンツ、サイドバー、フッターのようなテンプレートをクラス指定するだけで簡単に作成できる。デフォルトのフォーマットはリセットされているので、ブラウザ間の違いが出るマージンやパディングの差異も吸収してくれている。 また、印刷時のCSSも用意されている。これを使えば印刷時やプリンタ経由でのPDF作成時に綺麗なものが仕上がるようになる。今後の
リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」:phpspot開発日誌
リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」 2007年08月07日- Scrollovers - A New Way of Linking Scrollovers are a way to quickly and easily add flair to your web pages, giving your users an experience they weren't expectin g. リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」。 例えば、次のアンカーにカーソルを合わせて みてください。 [YOUR TEXT HERE] Scrollovers を使えば、こんなリンクの貼り方が出来ます。 普通のリンクより 分かりやすいだけでなく、訪問者に驚きを与えることが出来ますね
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTMLは狂っている:アルファルファモザイク
ウェブ制作 - どら猫本舗
WEB制作者が一度は触ってみておくべきオープンソース『Ext』*ホームページを作る人のネタ帳