Google、SEOに適したLazyloadの仕様を公開
[レベル: 上級] SEO と相性がいい Lazyload の実装を解説するドキュメントを Google はデベロッパー向けサイトで公開しました。 3つのアドバイス ドキュメントには3つの指針が書かれています。 1. viewport 内で見えるようにする viewport 内にあるコンテンツは、必ず Google にも見えるようにしておきます（viewport は簡単に言えば、スクリーンに表示される領域）。 つまり、重要なコンテンツが viewport に入ったときは確実に読み込ませます。 IntersectionObserver API と polyfill を実装するように Google は指示しています。 2. 無限スクロールでは paginated loading を使う 無限スクロールを採用している場合は、paginated loading を実装します。 paginated
「おもしろい書評」を書くために必要な7つの知識
書評は当ブログのメインのコンテンツとなっています。毎日ブログを更新する（平日のみ）と決めている私にとって、書評は計算できるコンテンツです。一冊読めれば、確実に一記事を更新できるからです。 書評にはコツがあります。私が書く書評が面白いかの判断は皆さんに任せるとして、もし当ブログのような書評を書きたい方は、これからご紹介するポイントを抑えておけば、誰でも書評が書けるはずです。 Tagged! / laszlo-photo 1.「自分が主役」を強く意識する 本のあらすじを順番に書いて、その都度「私もそう思いました」「共感しました」のような平凡なコメントを付けていく書評が多いです。このパターンの書評は「本」の内容が主役になってしまい、凡庸な文章になりがちです。絶対にこういう書評は書かないことです。 個性というのは、ある種の「無理」や「歪み」だと思います。無理や歪みが一切ない整然たるものというのは、
ブログ初心者が40記事を書くための「戦略的な記事ネタ」の探し方｜クロネのブログ
「ブログ初心者は３０記事書くために、１番目の記事で成長を感じろ！」という記事では、ブログ初心者が自分の成長を感じるために１番目の記事に戻って、１つずつ簡単に直そうね、という話をしました。 まだ読んでいない方は、「ブログ初心者は３０記事書くために、１番目の記事で成長を感じろ！」を読んでくださいね。 書き直しもしながら３０記事まで書いた方、おめでとうございます！ (^○^)お!(^□^)め!(^◇^)で!(^▽^)と!(^☆^)う! え？ もうこのやりとり飽(あ)きた？ いやいや。 実は３０記事までというのは、１日１記事書いたとしても１か月、人によっては半年くらいかかる人もいるわけですが、なにより１００人いたら「７０人」くらいは脱落しちゃってるわけですよ。 そして、「ブログ筋（ブログを書くのに必要な筋肉みたいなもの）」がようやくプルプルしてきた頃ですね。 ・・・同時に、記事ネタが切れたり、この
ブログが簡単に書ける「記事の書き方テンプレート」｜クロネのブログ
この記事では、ブログを簡単に書ける「記事の書き方テンプレート」をご紹介します。 ブログ初心者で文章を書き慣れていない方は、どこからどうやって書いたらいいのか迷うし、時間がかかって大変ですよね。 その悩みを簡単に解決するのがテンプレートです。「文書のひな型」のことですね。 このテンプレートを知っているだけで簡単に記事が書けるので、時間短縮になります。 では、３つのパーツをそれぞれ分けて解説します。 １．導入部分 導入部分＝記事タイトル＋導入文 多くのブロガーさんは、「読者は最初から最後まできっと読んでくれる」と思ってがんばって記事を書いているかもしれません。 でも、最初に「なんか違うな」と感じると読むのをやめてしまうので、導入部分はとても重要です。 逆の立場で考えてみてください。 自分も何かを調べているときに、最初の部分で違和感を感じてそれ以上読むのをやめてしまうこと、ありませんか？ 「導入
【ブログツール・記事作成ツール】月収300万円のブロガーが厳選する26個のツールまとめ | マクサン
ブログ運営/記事作成に役立つツールを紹介！ アクセス解析・キーワード調査・記事作成・SEO強化・無料素材…などなど、全26個のブログツール。 ブログ月収300～400万円を稼ぐ筆者が、ふだんから利用しているおすすめの厳選ツールです。 ブログやアフィリエイトサイト運営にぜひご活用ください！ どうも、叛逆の拝金主義ブロガーSanzzo（サンツォ）です。どうもおはこんばにちわ。 ブログ月収は300万円を超えましたが、穴の開いたソックスを愛用しております。恐縮です。 さて今回は記事作成・ブログ運営に役立つおすすめツールをご紹介しようと思います。 キーワード調査ツール、SEO強化ツール、記事ネタを探すツールなどなど… ふだんから小生が活用しているブロガー御用達の厳選ツールやWebサービス達です。
2スイッチ並列スイッチャー、White Loopを自作してみた。
ちなみに本家はDC-inが一つとDC-outが２つ付いています。今回のご依頼ではDC-outはいらないというご要望だったのでDC-inのみ設置して対応しました。 2スイッチ並列スイッチャー、White Loopの自作について White Loopの仕様について。 今回はWhite Loopの完全なクローン品というわけではないのですが、機能としては同じなので、まず仕様についてご紹介します。 White Loopはまずこいつですね。 こいつにはスイッチが2つ付いていて、右のスイッチがバイパス。左が切り替えスイッチとなります。 One Controlの同じような製品でBlack Loopというものがありますが、これは個別に切り替えが出来るスイッチャーですね。僕も別の記事で3ループのものですがご紹介しています。
雑記ブログを10万pvオーバーまで成長させた8ヶ月間の戦略を晒す
これからPVを上げたいなーと思っている人の参考になるような記事したいと思います。12,000字になりましたが、要約するとブログ開始~２ヶ月目に決めた目標と沈黙のWebライティングに書かれている内容を、淡々と継続したぜ！って内容です。 まず、私のブログ運営観をお伝えしておきます。このどれか２~３個に当てはまる人には参考になるかもしれません。 この目標を設定した時は収益に興味がなかったので、PVをとることに注力した内容となっております。（11月頃から欲が出始めました） PVとCVはイコールじゃないって意見には大賛同です。アフィリ記事のPVが物語っているので。ただ、ホントにココまで気にしていなかったので、CVとPVの考えはズレるところがあります。CVに関しては、別の記事にまとめようと思います。 さてこの記事を書く前に、Twitterでアンケートをとらせて頂きました。ありがとうございます。 自分に
統計・機械学習・R・Pythonで用途別のオススメ書籍 - StatModeling Memorandum
比較的読みやすい本を中心に紹介します。今後は毎年このページを更新します。 微分積分 高校数学をきちんとやっておけばそんなに困ることないような。偏微分とテイラー展開は大学演習のような本でしっかりやっておきましょう。ラグランジュの未定乗数法のような、統計・機械学習で必要になる部分は、ネット等で学べばいいかなと思っています。 線形代数 tensorflowなどのおかげで順伝播部分（行列積および行列とベクトルの積）さえ書ければ線形代数の知識はそこまでいらないんじゃないかという流れを感じます。しかし、主成分分析やトピックモデルなどの行列分解や、ガウス過程などのカーネル法のような様々なデータ解析の手法に一歩踏み込むと、きちんとした勉強が必要になります。理解しやすくて使いやすくて、統計や機械学習への応用を主眼においた線形代数の本はまだ見たことないです。機械学習シリーズとかで基礎から「The Matrix
あなたのブログの再訪問者を増やす50の方法
私の経験から感じた事を書き記します。 全てが全てその時々で、正しいとは限りませんが、一つの指針としてお使いください。 因みに全部リスト化すると230くらいありましたが、それはきっとセミナーとかでやるかなぁと。 １人の再訪問を増やす意味 あなたのサイトの新規訪問者を30000上げる方法なんていうのもあるわけですが、それよりも遥かに重要な事があります。 それは、たった一人の再訪問者を増やす方法です。 何故か？ 手っ取り早く30000人に来てもらう事が重要に見えますか？ そうではありません。 すこし、昔の話しになりますが、私がブログを始めた当時ではツイッターと言うものがありませんでした。 私の一ヶ月目のアクセス数は平均すると2～10セッションくらいです。 そして3ヶ月目も10～100程度。 4ヶ月目にはいり、ようやく1000～2000という具合です。 これは大手の個人ニュースサイトがリンクをくれ
見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式
ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し（hタグ）のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 ※追記6/24 HTMLのマークアップをpからh3に置き換えました。 見出し(Headline)のサンプル集 色やボーダーサイズ等の装飾部分は お好みで編集してください。 見出しサンプル01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } 見出しサンプル02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } 見出しサンプル03 .selector03{ bor
Kotaku - The Gamer's Guide
The knockout stage of League of Legends’ biggest tournament of the year gets underway this weekend with only eight teams from across the globe left. One player, whose team was recently sent packing after their loss earlier in the week, gave an impassioned speech to two of the remaining underdog European teams,…
Web冷え汁 〜コラムブッチホン〜 | 芸能人レトロホームページリンク集
今やほとんどの芸能人がアメーバでブログを開設するような時代。さらにはtwitterも登場して、我々と芸能人との接点はどんどん進化してきているように感じます。 しかし、そんな中でもいまだにレトロな「ホームページ」を持っている芸能人がいます。 ブログやtwitterの手軽で密なコミュニケーションも素晴らしいですが、こういった昔ながらのホームページには、デザインが定型化されたブログにはない綻びの美しさがあります。 うんざりするほど繰り返して並ぶ背景画像、表示されない画像、切れたリンク、強制的に流れる音楽、がんばってつけたJava Applet。 これってブログなどで発信される情報とはまた違った種類のコミュニケーションなんじゃないでしょうか。少なくとも私はこういったホームページに対して愛おしさを感じます。 そういうわけで、この愛おしさを皆様と共有したいと思いまして、本リンク集を作成することにしまし
誰得ぶろぐ:もし、ドラえもんの世界に「ラブプラス」があったら…
もし、ドラえもんの世界に「ラブプラス」があったら… 漫画家・上山道郎さんのブログ「別冊兄弟拳blog」に「ドラプラス」が掲載されている。「ドラえもん」の世界に「実体ラブプラス」という道具があったら……という漫画で、ラブプラスの3人も藤子・F・不二雄さん風になっている。 ストーリーやセリフなどもちゃんと「ドラえもん」風になっているのがスゴい。 http://www.new-akiba.com/archives/2010/01/post_20821.html ＿＿＿_ ／ ＼ ━━┓┃┃ ／ ─ ─＼ ┃ ━━━━━━━━ ／ （○） （○） ＼ ┃ ┃┃┃ | （__人__） | ＿＿＿＿＿＿＿_ ┛ ＼ ゝ'ﾟ ≦ 三 ﾟ｡ ﾟ
第1回 「佐藤可士和」は偶然ではない：日経ビジネスオンライン
自分の仕事の枠や殻を越える、破るのは、だれにとっても難しい。今までの働き方じゃダメなことは分かっても、新しい方法を試すには勇気以上の何かが必要だ。それにはまず、今までの自分を外から眺めて、考えること、ではないだろうか。でもこれだって相当難しい。毎日鏡をのぞき込んでもオトコたちは「ヒゲばかり見て、顔のシワを見ない」のだ。 この連載では、従来の「まっとうな、普通な、誰もが認めやすい」、いわば「オトコらしい」働き方をあえて外から見直して、殻を破った、破らせた人々のお話を、時には母、時には妹、そして時にはアニキの凄腕インタビュアー、清野由美さんにざっくばらんに紹介していただく。 まず登場するのは、ユニクロを手がけたことで知られるアートディレクター、佐藤可士和氏…ではなくて、彼のマネージメントを担当する、佐藤悦子さん。え、なぜご本人ではないのかって？ やっぱりオトコって、可士和さんといえども、なかな
WordPressでWebサイトを構築するまでの手順リスト - かちびと.net
私的なメモです。WordPressで個人的にWebサイトを構築したり、受注した際の手順リストをメモ。自分用のチートシートです。いつも何かしら忘れている気がするのでいつもやる事をぱっと見で分かりようにリスト化しておきます。※個人的な主観が入っています。 Todoソフト等はあまり使わないので本当に私的なメモですが、これが誰かのお役に立てたら幸甚です。プラグインなども好みが有ると思いますのでご参考までに。。 [note]情報が古くなったので改正版としてアップデートしました。[/note] インストール DB作成 WP最新版をダウンロード wp-config.phpをDBに合わせて変更 接頭語も変える（wp_ → example_） FTPソフトでサーバーにインストール ログインして管理者権限のユーザーを作成 作成したユーザー名で再ログイン adminユーザーを削除 ダッシュボードの不要なコンテン
携帯サイト振り分け (SEO対策考慮)｜無料ブログ比較検証
ドメインを直接指定して、アクセスした時に自動で端末に合わせたサイトへジャンプさせたいとお考えの方は多いでしょう。 ネットでもあちこちにそういった関連の情報があり、また、様々な振り分け方法が存在している。例えば… perl等のCGIを用いた振り分けPHPを用いた振り分け.htaccessによる振り分け それぞれに特徴があって、絶対にコレがいいという方法はないが、SEO対策の面で考慮すると、筆者はPHPによる携帯振り分けの方が安全かつ、効果的だと考えている。今回はこのPHPによる振り分け方法と何故SEO対策的に有利なのかをお話させて頂こう。 ちなみに、検索で奇麗にクロールされる事を意識するのであれば、PC上でも各携帯端末用のリンクをサイトマップでもかまわないから貼っておくようにするのがよい。 でなければ振り分けが発生した時点で、検索エンジンはどれか一つの入り口にしか入る事が出来ない。
ブログの読者を増やすための１２の戦略
昨日はうっかり、オンラインの社会とはオフラインで培った価値を再販する二次流通市場に過ぎず、ブログで成功するには実生活での成功を基になんか書くしかないというような夢も希望もないことを書いてしまったが、現状はともかくとしても、ブログ読者を増やすための戦略というのはもう少し幅があるはずだと思い至ったので、書いてみる。 以下にとりあえずざっと書いて、追加で思いついたことがあれば、項目、説明文共に追記して行くかも。基本的な考え方は、「読者はなぜそのブログ」を読むのかであり、読者が他のブログではなくわざわざそのブログを選ぶ理由である。そのためには、読者が（閲覧に要する時間的な）プレミアムを支払ってもよいと感じるだけの価値を提供しなくてはならない。 １．価値の再販(昨日書いた話) 価値の再販モデルでは、同一の体験、同一の視点、同一の言い回しなどの価値から繰り返し利益が刈り取られる。稀有な成功体験を有する
オモコロ -あたまゆるゆるインターネット-
暇つぶしにピッタリの漫画や記事を毎日のように配信しています。いくら読んでも無料、そしていくら読んでも頭がよくなりません。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://gerenuk.crazyphoto.org/2009/06/25/873/
初心者が簡単にプロっぽく記事の内容を仕上げるテクニック*ホームページを作る人のネタ帳
