意味的に関連があって同時によく使われやすい言葉を「共起語」と、このエントリでは定義します。 （英語では同時に発生することを“co-occur”、名詞形で“co-occurrence”と言います。難しめの日本語で訳すと「共起」となります。） たとえば「カルボナーラ」と「ペペロンチーノ」や、「イチゴ狩り」と「バスツアー」、「鈴木謙一」と「海外SEO」ですね。 類義語・同意語とはまた少し違います。 同じような意味を持つ言葉ではなくて、関係性が強くて一緒に用いられることが多い言葉です。 この記事を読むと共起語の概念が分かるでしょう。 ここまでを踏まえて、今日はこの「共起語」を巧みにSEOに取り込んだ結果、ランキングが大幅に上昇したというWebmasterWorldのフォーラム管理者tedsterの過去の経験を紹介します。 「キーワードA」で「ページA」の上位表示を狙っていたとします。 「キーワード

リンクを目立たせよう クリックして欲しいリンクがある時、ただ単にリンクを貼るのではなく枠で囲って目立たせてみましょう。 できる限りコードはシンプルに、コピペだけでできるようにしました。 枠がない場合はこんな感じですね。 必見！はてなブログのカスタマイズを一気に紹介する – SHIROMAG これを枠で囲って強調するようにカスタマイズします。 CSS まずはCSSにコードを追加していきます。以下の中から好きなコードを選んで、ダッシュボードの「デザイン」→「カスタマイズ」→「デザインCSS」に追加して下さい。 スマホで使う場合は、<style>　～ </style>　で囲んでヘッダーのタイトル下にでもぶっこんでください。 シンプルなタイプ 必見！はてなブログのカスタマイズを一気に紹介する – SHIROMAG .entry-content .emphasize-link { position:

CSSでできる事がどんどん増えてます。JavaScriptを使って実装するようなレイアウトやUIも、CSSだけで作れちゃうほど、便利なプロパティがじゃんじゃか増えましたね。ここでは、要素にアニメーション効果をつけるためのCSSを使ったエフェクトについて、まとめてゆこうと思います:)。 CSSで動かす 「動く」といっても、自由自在にぐにゃぐにゃ動かせるわけではなくて、CSSアニメーションでは、プロパティの数値をスムーズに増減させることで、要素のスタイルを滑らかに変化させます。 例えば、下のサンプルでは、p要素にカーソルを合わせた時に、font-sizeの値を、1emから2emに、スムーズに変化するように指定しています。 p { transition: font-size 1s; } 動かすためのマストプロパティ CSSでアニメーションさせるために必要不可欠なのがtransitionプロパティ

はてなブログを始めてしばらくすると、ブログのデザインをカスタマイズするのが楽しくなりませんか？ついつい時間を忘れて夢中になってたりしますよね。 初めましての方も、また来てくださった方も、こんにちは！ 先日、トップに戻るボタンを画像で配置しました。 それがとても、お気に入りでね。黄色いロケットなのよ。 最初、サブマリンもいいな～と思ったけど、上にいくやつだからね。やっぱり、気球とかロケットかなと。 そして本日、メガネ主婦さんから当ブログをご紹介いただきまして。 www.megane-shufu.com 梨子さんにしか出来ないような個性あふれるデザインが素敵だしかわいい。特にアイキャッチ画像が全部オシャレです。 ここまでのクオリティには出来ないけど、少しだけブログをオシャレにしたい！ メガネ主婦さん、ありがとうございます。 そんなこんなで、今回は私がブロガーの皆様のお知恵を拝借して、カスタマイ

こんにちは、つばさ（@tsubasa123）です。 ちょっと前に私のブログのデザインを変更したのですが、どうもトップページの表示が遅い（気がする）。右半分ははてなブログの仕様上ちらついちゃうのは仕方ないと許容していましたが、なんか全体的に遅い（気がする）。というわけで、本日のテーマはタイトル通り高速化になります。地味な内容ではございますが、よろしくお付き合いください。 早いは正義？ 大袈裟に言いましたが… 画像の圧縮 不要な外部リソースの排除 不要なカスタマイズの排除 カスタマイズコードの位置を調整 ライブラリの遅延読み込み jQueryコードの排除 DNSプリフェッチの導入 一連の施策を終えて 具体的なコードも1つご紹介 今後の展望と課題を CSSのインライン化 はてなスターどうしよう 広告も遅い部類 さいごに 早いは正義？ だと個人的には考えています。SEOとか専門的なことは知りません

あなたは、『はてなブックマーク』を有効活用していますか？ 「え？何それ？ブックマークなら、別にいつもブラウザにしてるよ！」 っていう声が聞こえてくるかもしれません。チッチッチッ。それがただのブックマークじゃないんですよ。 どうも、JUNICHIです。 はてなブックマーク（通称：はてぶ）は、今やSNSとして区分されるメディアです。 これを言うと、更に混乱させてしまうかもしれませんが、今回は、ブログ運営者これだけ覚えておけば十分という、はてなブックマークの活用術を解説します。 使いこなすことができれば、あなたのブログの知名度も一気に上がるかもしれませんよ！ はてなブックマークの本来の使い方と、今回お伝えする活用法 本来の使い方：『はてぶは、オンライン上にブックマークができる』 普通、ブックマークって言ったら、自分のブラウザから気に入ったサイトにすぐにいけるように「お気に入り」に保存をしておくこ

2017 - 05 - 12 拡散される記事を量産するための、ただ１つのシンプルな考え方 webマーケティング コピーライティング ブログ運営 ブログ集客 ブログ ブロガー ライティング ネット集客 バズる方法 ただ１つのシンプルな考え方さえ身に付ければ、バズへの糸口は見出せます。 もし、あなたの書いた１つの記事が、数万PVを稼ぎ出してくれたらなんて良いことでしょうか。にわかには信じられないかもしれませんが、 バズを引き起こすことができれば、たった１つの記事だけで数万PVを叩き出すことは夢ではありません。 実際に僕も、１記事だけで５万PVものアクセスを集めることができています。 情報洪水と言われるこの時代を生き抜くには、拡散される記事を書かかないことには、まず記事を見てすらもらえません。とはいえ、がむしゃらにバズらせようとしたところで結果は出ないので、たいていの人は「バズを引き起こすために