はてなブログのスマートフォン記事下に公式の注目記事モジュールを表示させて「あわせて読みたい」っぽくする - 太陽がまぶしかったから
注目記事モジュールを記事下に設置 はてなブログのスマートフォン表示ではフッタに注目記事が出力されるのですが、記事下に他の情報とあわせて設置したいです。注目記事モジュールはページ内に存在する特定のHTMLを置き換えるような仕組みになっているため、記事下などの任意の場所に以下のHTMLを書くだけで注目記事が表示されるようになります。 <div class="hatena-module hatena-module-entries-access-ranking" data-count="5" data-display_entry_category="0" data-display_entry_image="1" data-display_entry_image_size_width="115" data-display_entry_image_size_height="115" data-disp
割りとガチな「はてなブログ」人気順位 5つのドメイン別にベスト３を発表 - 鈴木です。別館
１回選敗退決定の鈴木です。 で、実際にアクセス数だけで見た場合、はてなブログで現在、どのブログがよく読まれているのか書いてみたいと思います。 使ったWebサービスはこちら はてなブログは5つのドメイン 現在、はてなブログは5つのドメインから好きなものを選べるようになっているので、そのドメイン毎にベスト3を書いてみます。 hatenablog.com hatenablog.jp hateblo.jp hatenadiary.com hatenadiary.jp ただし、ドメインによってかなり競争率が違うと言えます。 hatenablog.comがやはり競争率が激しいですからね。 hatenablog.com hatenablog.com Site Overviewより 第1位 現在、hatenablog.comではシェア1.81%とダントツの首位。 非常に人気の高いブロガーさんです。僕も大変
はてなブックマークが、はてなブログの記事ばかりになっちゃうよ、はてなさん。今週のお題『好きなブログ・おすすめのブログ』が心配。 - SONOTA
photo by Norio.NAKAYAMA はてなブログの今週のお題は『好きなブログ・おすすめのブログ』。 自分がお気に入りのはてなブログを紹介しあおう…という企画なんですが、正直この話題だとはてなブックマークがお薦めブログ記事で溢れかえっちゃう気がするんですが、これ、はてな的には大丈夫なんでしょうか？（汗） 今回は雑談がてら、そのあたりについて私が危惧している点を書いてみたいと思います。 お薦めブログ記事はブクマが伸びやすい： まず、お薦めブログ記事を書くとブクマが伸びやすい理由はシンプル。 はてなブログでは他のはてなブログに対して言及すると通知が飛ぶ仕様になっているため、例えば『お薦めの２０ブログ！』とかを書くと、その２０個のブログオーナーに対して通知が届けられます。 当然、通知を受け取ったブロガーは、言及してくれた記事に対してブクマを付けることが多いので、結果としてお薦めブログ記
はてなブログ3周年！にちなんで私の好きなブログ3選！ - へっぽこ主婦カメラマンの日常
2014-11-08 はてなブログ3周年！にちなんで私の好きなブログ3選！ はてなブログ 今週のお題特別編「好きなブログ・おすすめのブログ」 #はてなブログ は3周年 に乗っかりまして、今日は私の好きなブログを3つ紹介しようと思います。このお題で記事を書くと外では絶対着れない『はてなパーカー』が当たるかも！ 一眼レフカメラを買うきっかけになったブログ ダカフェ日記 &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;a href="http://www.dacafe.cc
はてなブログのスマートフォン表示を外部CSSでオシャレにする - 太陽がまぶしかったから
スマートフォンデザインやWEBフォント設定を外部CSSで行う 以下の記事を参考にスマートフォンでのデザインを行いました。はてなブログPROに加入していると行えるスマートフォンのヘッダタイトル下にStyleタグを書いていくという方法です。 この方法でも手軽にできてよいのですが、外部CSSで設定する事にしました。外部CSSを配置するには別途有料のレンタルサーバーが必要だと思いがちですが、僕の場合は『http://github.io』を利用していますし、Dropboxの公開機能を使っても無料で実現できます。 外部CSSリンク方法 スマートフォンのヘッダのタイトル下に以下のHTMLを追記します。スマートフォン表示の時にだけにこのエリアが表示されるため、PC表示時にはCSSの影響がありません。 <link href="スマートフォン用外部CSS.css" rel="stylesheet" type=
Google Play™ ギフトカードが当たるWキャンペーン！ 「はてなブログ」のAndroid™アプリをリリースしました - はてなブログ開発ブログ
※キャンペーンは終了しました。たくさんのご応募、ありがとうございました。 本日、はてなブログのAndroidアプリをリリースしました。お持ちのAndroid端末から、はてなブログの記事作成や、購読中のブログを手軽にチェックできます。 今回のリリースに合わせて、Google Play™ ギフトカードが当たるWキャンペーンを実施します。応募方法はこのエントリーの最後をご覧ください。なお、当エントリーをAndroidのブラウザから開くと、簡単に応募できます。 「はてなブログ」Androidアプリでは、お手持ちのAndroid端末で手軽に記事が書けるだけでなく、撮った写真を簡単に記事に使える仕組みや、「購読中のブログ」が読みやすい新デザインの導入などの配慮をしています。 下記のリンクからダウンロードできます。どうぞご利用ください。 ※対応OS：Android 4.0.3以降 Androidアプリ「
はてなブログでGoogleにパンくずリストを認識させるブログパーツ - 太陽がまぶしかったから
photo by keso こちらのカスタマイズは使用しないでください data-vocabulary.org のサポートが終了されるため、こちらのカスタマイズは利用できません。はてなブログ公式の機能を利用したり、リンク先で紹介されている方法への差し替えをお願いします。 Googleにパンくずリストを認識させるプラグイン 最近のGoogle検索ではブログ内のカテゴリを認識して、検索結果がサイト上のどこに位置付けられているかを表示するようになっているのですが、breadcrumbタグを利用したマークアップをしていないとGoogleから認識してもらえません。 このためJavaScriptでパンくずリストを生成してGoogleにカテゴリを認識させるスクリプトを開発しました。現在のGoogleではJavaScriptの実行時に生成されたリンクやマークアップを解釈しています。『Google Sear
はてなブログカードガチャをブログパーツ化して自分のブログに設置できるようにしたよ - 太陽がまぶしかったから
はてなブログカードガチャのブログパーツ化 前に『はてなブログカードガチャ』を作ったのですが、このプログラムについて自分のブログに設置できるようにしました。ブログパーツ化に伴っていくつかの機能追加があります。 設置ブログ内のエントリがガチャ対象となる 画面ロード時には人気ガチャ*1を自動表示 カテゴリ限定ガチャを実装*2 セレクトボックスから実行するガチャを選択 「アーカイブ」「はてなブックマーク」「カテゴリ一覧」画面への移動機能を実装 現在表示しているページは表示されない 設置方法(2014/10/14修正) サイドバーにHTMLモジュールを追加 以下のスクリプトを設置。スクリプト内の「writeGatcha(表示数)」にて表示数を設定可能。 <div style="margin-left:-5px; margin-top:0px; margin-right:-5px"> <script
構造化したカテゴリをサイドバーのカテゴリー欄に表示してみた - 灰色の棚
・2015.1.31 編集・追記 - 言及記事がアップデートされていたため 前記事で「サイドバーのカテゴリを綺麗にリスト表示したいけど」「ちゃんと考えればできると思うんですが、メンドイ」とか書いたくせに、直後に作っちゃいました。 意外とサクッと出来たので、やり方書いておきますね。 では、いってみよー。 基本的にはこちらのコードを （記事のアップデートを確認したので差し替えました / 2015.1.31） こちらに上げられているコードに付け加えて、構造化したカテゴリをサイドバーのカテゴリー欄に表示していきます。 なので、まずは上記事のコードを導入することが第一です。 Javascriptに数行書き足す for(var key in rootCategories) { if(!(rootCategories[key].outerHTML === void 0)) { html += '<li>
はてなブログ運営者による、アクセス公開記事のまとめ（２０１４年９月）！アクセスアップ手法からバズった時のアクセス推移まで。 - SONOTA
photo by rsepulveda はてなブログ運営者によるアクセス数を公開した記事がここのところ多かったので、わかりやすくそれらをまとめてみました。 これからはてなブログを運営しようとしている方はもちろん、すでに運営している方にも参考になる記事ばかりなので、是非、見てみてください。アクセスアップの手がかりがきっと、見つかるはずですよ。 アクセス数に関する記事まとめ： 安定したブログ収益： 『田舎で底辺暮らし』の方は、安定したブログ収入が入ってくるようになっているみたいです。PV数も３３万とかなり多いので、非常に参考になる内容ですね。 アクセスアップのための対策まとめ： 月間４０万PV近くを叩きだした、AIUEO Lab2さんの記事。アクセスアップを目指す上でやっておいたほうが良いことが書かれています。 始めて４ヶ月で月間２２万PV： 始めてから４ヶ月で月間２２万PVを達成した『日なた
はてなブログばかりがホッテントリ入りするのを防ぐため？はてブの各カテゴリに存在した、はてなブログカテゴリが消滅。 - SONOTA
はてなブックマークの各カテゴリに存在していた、『はてなブログ』というカテゴリが消されていますね（上記画像の赤枠部分）。たぶん一昨日あたりのリニューアルで消されたっぽい感じ。 ちなみに表示が消されている…のではなく、ページそのものが消されています（下記のリンクをクリックしてみるとわかる）。 はてなブックマーク - 人気エントリー - おもしろ - はてなブログ 増えすぎたはなてブログ対策？ カテゴリごと消された理由はわかりません。ただ運営側が、はてなブックマーク上においてはてなブログばかりが目立ってしまう状況を、少しでも改善したかった…という可能性が高そうな感じですよね。 私が言うのもアレですが、はてなブログは露出面で優遇されている状況にあり、ホッテントリ入りしやすい傾向にあるのは間違いありません。 そして最近ははてなブログばかりがホッテントリに表示されてしまっていた状態にあったので、今回の
はてなブログproに移行しました！ - へっぽこ主婦カメラマンの日常
2014-09-30 はてなブログproに移行しました！ はてなブログ つらつらと語る どうも。せっかくの休みをすべてブログに費やしました、こりのろっさです。 いままで無料のはてなブログを使っていましたが、980円を払い1ヶ月限定で『はてなブログpro』に移行してみました。 なぜはてなブログproに移行したのか 少し読まれた記事があったからといって調子に乗ったわけではありません。単純にproにしてみてなにができるのか、どこまでできるのかを勉強してみたくなったんです。手始めにGoogle AdSenseを勉強して広告を入れてみようと思っています。決してお金に目がくらんだわけではありませんがお金ください。 それからスマートフォン用のブログデザインを変更してみたかった！これは私にとってとても大きいです。デフォルトのデザインも嫌いではなかったのですが、なにか物足りなさを感じてきてしまい、ついにpr
はてなブログのパンくずリストをGoogleに構造化認識させましょい | 日常ぴよぴよ
どうも、こんちくわ。 一応SEOの仕事しとるもんです。 以前「カテゴリ整理してPVを復活させましょー」といった記事を書いたのですが、読んで対応してくださった皆さん、PVが伸びたようでよかったですー。 で、この時書いた記事をはてなブロガーの池田仮名さんが読んでくださり、 この辺りを見直そう。 / 他1コメント http://t.co/O7GtU1mWfF “ブログのPV激減者続出！アクセス数回復のために試して欲しい事2つ | 日常ぴよぴよ” http://t.co/qWv93KzjqN — 池田仮名 (@bulldra) 2014, 8月 7 という発言をしていたので、「ぜひぜひー♪」という感じに勧めたはいいものの、はてなブログの構造化ってGoogleさんに認識されとるんかいな？と思ったので調べてみると、どうやらGoogleさんに認識されてないみたいなんですねー。カテゴリが。 そういうわけで
はてなブログでパンくずリストを認識させたよ - 太陽がまぶしかったから
修正版のご連絡 以下に紹介しているスクリプトは古いので、上記をご覧ください。 はてなブログのカテゴリ構造をGoogleに認識させる シブヤタクトさんの『カテゴリー構造の最適化とバックリンクのチェックでPVアップを目指しましょう | 日常ぴよぴよ』を読んで、「うちのブログもカテゴリ分けを意識しないといけないなー」とつぶやいていたのですが、はてなブログのカテゴリではパンくずリストのマークアップが実現されていない事を教えて頂きました。 せっかくカテゴリー構造を最適化しても、それをGoogleが確認できないんじゃーもったいないです。 必ずパンくずリストを設定し、マイクロデータ形式でマークアップしてあげましょう。 Wordpressで言うと、SEOに強いと謳っているテーマのStinger3やGush、principleはマークアップがデフォルトで実装されております。 カテゴリー構造の最適化とバックリ
はてなブログで「文中にアドセンス広告を入れる」を自動化する方法 - UXエンジニアになりたい人のブログ
重要：この記事のコードには、問題が発見されましたので、以下の改良版コードを利用してください。 uxlayman.hatenablog.com ========================== みんな大好きはてなブログのアドセンスの話題。 よく、記事の文中にアドセンス入れてる人いるじゃないですか。 あれって結構効果あるようなイメージですが、手動でやってるんですよね？面倒ですよね？もし広告をつけ変える場合、いっこずつ全部書き換えなきゃだし。 ということで、それを自動化するコードを紹介します。 設定方法 ダッシュボード→デザイン→カスタマイズ→記事上下のカスタマイズ→「記事ページのプレビュー」を設定→記事下 <script>// <
はてなブログでの「所要時間の目安表記」の自動化 - UXエンジニアになりたい人のブログ
下記の記事に対する補足です。もろもろの問題は解決しないけど、簡単にできなくはないよ、という。 まあ2個目の記事にあるように先越されてるんですけどw はてなブログで「所要時間の目安表記」の自動化を検討してみたが・・・ - operationservicebuの日記 JavaScriptで記事本文の読了予測時間を自動で表示するjQueryプラグインを自作した - はぴらき合理化幻想 設定方法とイメージ図 ダッシュボード→デザイン→カスタマイズ→記事上下のカスタマイズ→「記事ページのプレビュー」を設→記事上*1 <script>// <![CDATA[ addEventListener("DOMContentLoaded", function() { var length = $('div.entry-content').text().trim().replace(/[\n\r]/g,'').l
はてなブログ用「あわせて読みたいウィジット」がブログカード表示形式に対応しました - 太陽がまぶしかったから
本スクリプトは動作不能となります はてなブログ用「あわせて読みたい」ウィジットがブログカードに 最近、『はてなブログの記事を紹介しやすくしました。URLを貼るだけで、コンパクトに整ったブログカードを貼り付けることができます【追記あり】 - はてなブログ開発ブログ』が話題となっていますが、「あわせてウィジット」についてもブログカード形式で表示するバージョンを作成しました。旧バージョンの「あわせて読みたいウィジット」については複数の問題があるため、差し替えをお願いしているところでもあります。 仕組み的には取得したURLをブログカード形式で表示させるURLに変換して、内部フレームとして表示させるだけです。ブログのHTMLソースと『新しい機能 ブログカードはサイドバーにも有効！おすすめ記事をサイドバーに設置したよ - 鈴木です。』を参考にしました。自前生成処理がオミットできるため、随分とシンプルに
ブログデザインを参考にしたいブログ8選（はてなブログ編）。文章の読みやすさからサイドメニューの装飾まで、参考になるデザインばかり。 - クレジットカードの読みもの
今回は私がブログデザインをする上で、参考にさせてもらっているブログまとめです（はてなブログ編）。 これらのブログは常にデザインに気を使って運営しているブログばかり。ブログの肝は記事の質かもしれませんが、人気ブログにしていくためにはブログデザインを強化することも同じくらい重要なので、是非、みなさんも参考にしてみてくださいね。 お薦めのブログデザイン5選： １．はぁはぁブログ： ２．AIUEO Lab2： ３．はなこのブログ ４．それ、僕が図解します。 ５．おうつしかえ： ６．しっきーのブログ： ７．マトリョーシカ的日常： ８．HSKぐうたらジャーナル： 今後もデザインを改良していきたい： グローバルメニューを実装予定： 文末リンク： お薦めのブログデザイン5選： １．はぁはぁブログ： はぁはぁブログ はてなブログはここまで改良できるのか？というくらい、細かいところまでデザインが作りこまれてい
限定公開や非公開となった「はてなブログ」の読者登録を解除する方法 - operationservicebuの日記
この記事は、限定公開や非公開となった「はてなブログ」の読者登録を解除する方法を書いたものです。 以前は、以下のブックマークに登録および解除の仕方が書いてあったのですが、いつの間にか該当記事が無くなっていました。 はてなブックマーク - 1日かけて100個のはてなブログの読者になりました - ホームレス強盗団 そこで、自分なりに備忘録として書いておきます。 限定公開や非公開となった「はてなブログ」の読者登録を解除する方法 はてなブログは途中からでも限定公開や非公開になる場合がある 自分が読者登録していたブログが突然、限定公開や非公開になることがあります。 例えば、非公開設定になった「はてなブログ」は以下のように表示されます。 このように表示されてしまうと、「読者をやめる」が選択できないため、読者解除することが出来なくなってしまいます。 限定公開や非公開でも読者登録（解除）URLにアクセスが可
はてなブログを更新する時に気をつけたい、カスタムURL設定の注意点（後から設定しようとする人へ） - 30代クリエイターが日々をつぶやくブログ
2014-08-28 はてなブログを更新する時に気をつけたい、カスタムURL設定の注意点（後から設定しようとする人へ） Googleさんとはてなさん。 区切りで書くまとめ的な。 独自ドメイン取得して考えた事 みなさん、さっき記事を更新していて、本当に焦ったので、はてなーのみなさんと共有したくて、お伝えしますね。あっ、先に結論を言うと、とりあえず問題解決済みなので、ボクの経験談で、みなさんが事前に気をつけられると嬉しいです。では共有してみます。 photo by Norio.NAKAYAMA みなさん、カスタムURLって、いつも設定してますか？ はてなブログは更新する時にメニューの中でカスタムURLが自分で設定できます。ボクはいままでこれを使っていませんでした。例えばSEOとテーマにした記事だとアドレスの後ろに「〜SEO」と付けて検索に少しでもかかりやすくする事が可能なのです。 上のスクリー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
