ブログのSEO対策で重要な12項目 | パシのSEOブログ
先日の「企業サイトの8つのSEO」に続き、今回はブログのSEOやSMO、アクセスアップ法について考えて見ます。SEOの基本的な手法は企業サイトも個人サイトもブログも変わりませんので、企業サイトの8つのSEOをお読みで無い方はまずはそちらをお読みください。 今回は、主にWordPressブログでの解説となっていますが、他のCMSや無料ブログにも役立つ内容も含まれていると思います。 １．タイトルはキーワードとブランディングを意識 ブログタイトル ブログタイトルはブランディングも考え、他のブログと被らないユニークでわかりやすいタイトルにします。もちろんターゲットキーワードを含めるのですが、独自ドメインのサブディレクトリやサブドメインとして設置するブログの場合には、メインサイトで狙うキーワードとの関連性も考慮してください。 ブログタイトルは、SEOにとって最も重要な要素である被リンクのアンカーテキ
2013卒就活生、エントリー数前年比3割減：IT＆ウェブ業界の転職をサポートする「CAREERzine」（キャリアジン）
メディア部門では、インターネットで加速するメディア環境の中で、翔泳社が得意とするテーマを深掘りしながら様々なドメインで最適化されたメディアビジネスを展開しています。
企業サイトのSEO対策で重要な8項目 | パシのSEOブログ
SEOに初めて触れる方の為に、とりあえずこれだけはやっとけというSEO対策をまとめておきます。 成果を出すためのホームページ制作に必要不可欠な、企業サイト管理者として最低限やらなければならないSEOに的を絞りました。 １．キーワード選び フェレットプラスやキーワードアドバイスツールプラスで、自社サービス（商品）と関連性のある言葉で、月間検索数が5,000〜30,000ぐらいのミドルキーワードを探します。（上記ツールの検索数は、2007年当時のYahooデータですのであくまで目安です） 同時にGoogleキーワードツールでも検索ボリュームを確認します。Yahooのデータと比べて検索数が極端に少ない場合はキーワードを選び直します。 キーワードが決まったら実際にYahooとGoogleで検索してみて、1ページを強そうなサイトたちが埋め尽くしていた場合にはキーワードを選び直します。他にもキーワード
JPEG画像をより美しく、より軽量に最適化するテクニック
JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなたが既に知っているように8x8のピクセルのブロックから成り立っています。画質を低くするとよく分かります。 この8x8ピクセルを利用して、JPEG画像を最適化します。 画質10で作成したサンプル 二つの正方形は同じ大きさ（8x8ピクセル）です。左上のはきれいに見え、右下のは汚く見えると思います。 これらは、それぞれ8x8のグリッドに並べたもので、左上はグリッドに揃えたもの、右下はグリッドに揃っていないものです。 保存する際に画像は、8x8ピクセルのブロックに分けられるため
1ランク上のブログにステップアップするためのアドバイス
1ランク上のブログにするために、ヘッダ、コンテンツ エリア、ナビゲーション、見出し、コメント、フッタ、広告など各要素をステップアップするポイントをBlog Designから紹介します。 How to Blog Design Style Guide ヘッダ コンテンツ エリア プライマリ ナビゲーション セカンダリ ナビゲーション ヘッドライン コメント 記事のフッタ フッタ 広告 ヘッダ ヘッダはユーザーがあなたのサイトに来訪した際、最初に目にするものです。 ユーザーの印象に残るように、ヘッダのデザインを他のサイトと異なるユニークなものにするのは非常に重要なポイントです。 ショーケース darkmotion ヘッダをステップアップするポイント サイトのタイトルとタグラインを念頭に置き、ヘッダのデザインをします。ヘッダ以外の箇所はそのトーンに合わせてデザインを行います。 ヘッダでは、ユーザー
ユーザーの機嫌を損ねる行為10選
文：Jaime Henriquez （Special to TechRepublic） 翻訳校正：村上雅章・野崎裕子 2009-06-23 08:00 ユーザーを怒らせたり、イライラさせた場合、あなたの仕事はずっと困難なものとなる。このため、彼らがどういったきっかけでそのような感情を抱くようになるのかを知っておけば、仕事をスムーズに進められるようになるはずである。本記事では、ユーザーと接する際に避けなければならない、彼らの感情を損ねるきっかけとなる行為を紹介する。 ユーザーには、われわれの多くと同様に、機嫌が悪くなるツボというものがある。しかし残念なことに、こういったツボがはっきりしているとは限らないのである。とは言うものの、ユーザーのために（そしてもちろんあなた自身のためにも）、彼らの機嫌が悪くなるツボというものをできる限り多く知っておき、避けるようにするのが得策というものだろう。そこで
illustratorでどんなフォントもスケッチフォントに変える方法 – creamu
vectipsで、クールなTipsが紹介されています。illustratorでどんなフォントもスケッチフォントに変える方法ですね。 ↑みたいなフォントが作れます。 1. テキストツールでテキストを入力 2. 塗りと線をなしにする 3. アピアランスパネルで、新規塗りを追加 黒を選択 4. 効果 > スタイライズ > 落書き で以下のように設定 5. 2ptの黒で線を追加 6. 線を選択した状態で 効果 > パスの変形 > ラフ で以下のように設定 以上ですね。 さらに、1クリックでこの効果が適用できるように、グラフィックスタイルパネルで新規グラフィックスタイル登録しておけば、1発で効果を適用できますね。 詳しくは以下からどうぞ。 » Turn Any Font Into a Sketch Font MacのDockを自動的に隠す設定にしてウィンドウが広くなりました☆表示するの好きだったんだ
これだけは覚えておきたい、Twitter検索で使える便利なオプションまとめ | IDEA*IDEA
ドットインストール代表のライフハックブログ
オブジェクト指向CSS、HTML複雑だがパフォーマンスと再利用性向上 | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Kevin Yank氏がSitePointにFirst Look: Object Oriented CSSのタイトルのもと、オブジェクト指向CSS (Object Oriented CSS: OOCSS)に関する概要をまとめている。同文書ではオブジェクト指向CSSに関してはYahoo!のエンジニアであるNicole Sullivan氏が有名であるとし、Nicole Sullivan氏の発表資料をとりあげてOOCSSについて説明している。 説明によればOOCSSはなにか実体のあるフレームワークではなく、CSSの使い方に対する視点変更を求めるものだという。結論からまとめれば、ロケーションを特定してCSSを適用する方法をやめて、そのかわりより複雑なHT
SEOに強いサテライトサイトを作成するための１０個の法則 | 京都のSEOコンサルタント松尾茂起のブログ
SEOに強いサテライトサイトを作成するための１０個の法則:京都のSEOコンサルタント松尾茂起のブログ 京都のSEOコンサルタント松尾茂起のブログTOP > > SEOに強いサテライトサイトを作成するための１０個の法則 サテライトサイトとは「衛星サイト」のこと。 ズバリ、メインサイトへの被リンクを稼ぐために自作自演で構築するサイトのことです。 現在、インターネット上にあるサイトの５割は、このサテライトサイトなのではないのか？などと思う今日この頃ですが、それくらいサテライトサイトは日々わんさか生み出されています。 被リンクが欲しい人達が朝も夜もバンバン作っているからなのです。 当然のことながら、やっつけ仕事で生まれたサイトに中身はありません。 サテライトサイトの多くが内容の無いサイトでしょう。 サテライトサイトの大量生成ほど無駄なことは無い サテライトサイトが大量生成されている背景には、「被リ
【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。
ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです！ IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに！」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height（相当）の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi
15 Effective Tips and Tricks from the Masters of CSS - noupe
There are thousands of sites out there offering tips and tricks for using CSS. But how do you know where that information is coming from? Who says the people writing these "tips" know what they're talking about? For all you know, it could be someone who has not clue what CSS even stands for, let alone how to use it effectively. But that's not the case with the experts below. They're all well-known
Google 検索エンジン最適化スターターガイド
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
JavaScript で、画像本来のサイズ(幅, 高さ)を取得する方法 - latest log
Opera で DOM Mutation Event を使用するコードを追記しました。 まとめを追加しました。 Opera パート2に取得できないケースが見つかったため、パート3 を追加しました。 rhino.jpg(幅:300px, 高さ:227px) を、 <img id="rhino" src="rhino.jpg" width="100" height="75" /> と、100 x 75 で表示している場合を例に、画像本来のサイズを取得する方法をご紹介します。 Firefox, Safari, Google Chrome なら image.naturalWidth と image.naturalHeight を利用します。 image.naturalWidth と image.naturalHeight の初期値は 0 です。画像の読み込みが完了した時点で適切な値に更新されます。
Webサイトを作ったらまずやるべきことチェックリスト | Web担当者Forum
今日は、Webサイトを作ったらまずやるべきことのチェックリストを紹介しましょう。サイトは作るまでも大切だけど、作ってからのアクションも同じかそれ以上に大切。 すでにサイトを運営している人は、やってないものがないか確認してみましょう。 サイト運営日記をスタートする（変更点を日付と一緒にメモしていく）XMLサイトマップを作って更新内容が含まれるようにするGoogleウェブマスターツールにサイトを登録する → https://www.google.com/webmasters/sitemaps/XMLサイトマップを登録するURLのwwwあり／なしの統一を指定するサイトリンクの表示をチェックして調整（以降随時）Yahoo!サイトエクスプローラーにサイトを登録してXMLサイトマップを登録する → http://siteexplorer.search.yahoo.co.jp/live Webmaste
Photoshopの作業効率をアップする10のTips
Photoshopの作業効率をアップする、知ってると便利な10のTipsをBest Design Optionsから紹介します。 Tips 「レイヤーパレット」の「目(レイヤーの表示/非表示)」を[Alt]キーを押しながらクリックすると、そのレイヤーだけを表示状態にし、残り全部を非表示にします。 元に戻す際は、同様に[Alt]キーを押しながら「目のアイコン」をクリックします。 2. Hide the palettes パレットを１アクションで全て隠します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/06/google-analyitcs.html
IDEA * IDEA
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 12 | コリス
http://www.designwalker.com/2009/05/illustrator-text-effect.html
