next.js の AMP mode を使って静的サイトを作る
この記事は amdxg を作りながら, next.js で AMP に対応したときにやったことです。 コードはこちらです amdx/packages/ssg at master · mizchi/amdx AMP について Google の推奨する HTML のサブセット仕様です。制約付きのインライン CSS のみ + 一切の JS が書けず、代わりに動きがあるものは amp plugin を使って記述します。 モバイルでは、Google の検索結果画面からは GoogleCDN 上のキャッシュが返却されるので、非常に高速に開くことができます。 (⚡ マークが AMP 対応の印) モバイルに限らず、ある種のベストプラクティスの強制なので、PC でも AMP 対応することに意味はあります。 この記事では、実際にこのブログのための SSG を作る過程で、どのように next.js 上で AMP
【１クリックで導入OK！】Google Analyticsの見やすい画面作成しました！ご活用ください♪ - とまじ庵
みんな大好き♪Google Analytics！！ ただ、見れるデータが膨大すぎて、あっちをクリックしたりこっちをクリックしたり・・・。 気づけば「何のデータを見たかったのか忘れてしまった」なんて事も日常茶飯事です。 実はウィジェットを配置して、見やすい一覧画面を作成できたりします。 「マイレポート」って機能ですね。 で・・・。マイレポートの作成手順とか説明してもいいんですけど、長くなっちゃうし、読むのもめんどくさいでしょ？ って事で！！ 数クリックで導入する方法を解説します Google Analyticsの標準機能で発行されるリンクをクリックするだけで導入できてしまいますので、面倒な手順は一切必要ありません。 もちろん共有されるのは「レイアウト」なので、中身はあなたのサイトのデータになりますのでご安心ください（笑） では次項でレイアウトの概要を説明した後、文末で導入方法（と言ってもクリ
STINGERでアドセンスをより効果的に貼る方法
つい最近「アドセンス」について少し記事を書いたのですが、それの補足とSTINGERに僕が実装している方法を記事にしておきます。 参考 アドセンスのクリック率を上げる為に知っておいた方が良い事 実質的なアドセンスの金額は伏せますが僕のアドセンスのCTRは良い時で3%、平均的には1.5～2.5%です。高い人は5～10%の人もいますしアドセンスだけを考えればベストの貼り方かどうかは意見が分かれると思います。記事の読みやすさや誤クリックは誘導しないという考えの元で現在僕が良いと思う貼り方であり、また現状のSTINGERのカスタマイズ記事でもあります。 photo credit: keso スポンサーリンク アドセンスを貼る上で意識したい事 アドセンスを貼るという事で色々な考えの元、人それぞれのやり方があると思いますが僕が注意しているのは「公共広告」にならないようにする事です。公共広告とは、相応しい
Google AdSenseだけで家族を養ってきた僕が、今までやってきたブログ運営術をガチで解説するよ
Google AdSenseだけで家族を養ってきた僕が、今までやってきたブログ運営術をガチで解説するよ 2013.02.05 | 収益化 | 文章術 | 考える。 収益化担当なのに、最近、収益化に関する記事書いてないけどネタ切れなんじゃないのという視線を各所からひしひしと感じているゴールドです。ネタが無いわけではなくて、本腰を入れて書くととんでもなく長くなりそうなので今まではなるべく避けてたんですが、仕事が一段落付いたので一度まじめに書いてみようかなぁと。 あぁ、そうそう、タイトルは半分釣り要素が入っているので過度の期待をされても泣いちゃうので、はじめに謝っておきます。うわ、やめろ、空き缶投げんな(´д⊂)‥ﾊｩ –追記– 期待してこの記事を読んでくれている（検索エンジンから訪れてくれている）方向けに、2018年11月現在、最新のGoogle AdSenseで収益を上げるための情報を網羅し
GMailで特定のラベルを付けたメールの添付ファイルを自動でGoogle Driveに保存するGoogle Appsスクリプト - noriaki blog はてな出張所
Gmailで受信した添付ファイルを自動的にGoogleドライブに保存する方法 | Apple情報局を参考に、「全ての添付ファイルをGoogle Driveに保存」という機能を「特定のラベルを付けたメールの添付ファイルをGoogle Driveに保存」へ変更したGoogle Appsスクリプトを作成したので使い方含めて公開します。 これはなに？ GMailに届いたメールに添付されているファイルを自動的にGoogle Driveに保存するGoogle Appsスクリプトです。 ただし、全てのメールの添付ファイルをGoogle Driveに保存するのではなく、予め決めたラベルを付けたメールに添付されているファイルのみをGoogle Driveに自動保存します。 使い方 以下の手順で、Googleアカウントを持っている人なら誰でも利用できます。 Google Appsスクリプトをコピー まず、以下
はてなブログでのGoogleアドセンスの効率的な貼り方 - 無意味の意味
2013-08-16 はてなブログでのAdsenseの効率的な貼り方 報告 さて金儲けの話をしましょう。金があれば色々便利です。そんな守銭奴ヤマネのこのサイトですが、以下の４つのGoogleのアドセンスで最もクリックされている位置はどれでしょう。 ①：サイドバー最上部(PCのみ表示) ②：記事下表示(PCとスマホ両方表示) ③：スマホタイトル下(スマホのみ表示) ④：タイトル右部(PCのみ表示) 結論から申し上げますと、③＞②＞①＞④です。Googleのアドセンスは1ページに付き３個しかバナーを貼れない規約となっているため、④は現在削除していますがほぼクリックされませんでした。 売上内訳 詳しい金額はGoogleの規約上言えないのですが、直近1週間の比率で言うと以下のようになります。 ①：サイドバー最上部(PCのみ表示)→売上の約13% ②：記事下表示(PCとスマホ両方表示)→売上の約37
【B】 はてなブログをとことんカスタマイズ！新着記事をちょこっとだけ派手に見せる方法、の巻 - HSKぐうたらジャーナル
以前の記事で、ブログ記事を写真の一覧で見せるwebサービス 複眼RSSの使い方をご紹介させていただきました。 【B】 はてなブログに過去記事を写真で表示する、お手軽カンタンカスタマイズの巻 - HSKぐうたらジャーナル すごく手軽にブログの見た目を変えられるし、重宝していたのです…が。 ちょっと物足りないところがぽろぽろと出てくるように。 むー。困った。 だったら自分でコードを書いちゃおう！ というわけで、拙いながらもJavascriptとCSSを書いてみました。 今回ご紹介する方法は、ちょっと手間は掛かるのですが 次のようなメリットがあります。 記事タイトルが画像と一緒に表示されるので、どんな記事か想像しやすい 最新の記事を見つけやすい、”NEW”アイコンが付く 広告表示一切なし！ 所要時間は、本記事の設定をそのままコピペ！で約20分。 ガッツリとカスタマイズしたい！ という方にも、CS
WordPress Google XML Sitemaps » WordPress Plugins
Description Generate XML and HTML sitemaps for your website with ease using the XML Sitemap Generator for Google. This plugin enables you to improve your SEO rankings by creating page, image, news, video, HTML, and RSS sitemaps. It also supports custom post types and taxonomies, allowing you to ensure that all of your content is being indexed by search engines. With a user-friendly interface, you
寄稿記事（全文転載）を行う時のベストプラクティス（SEO観点） ::SEM R (#SEMR)
寄稿記事（全文転載）を行う時のベストプラクティス（SEO観点） 寄稿記事を掲載する時に、Google 検索結果に引き続き掲載される続けるための対処法。実際に可能かどうかはさておき、7つの解決法を紹介します。 公開日時：2013年01月11日 13:28 大元さん（ASSIOMA）の記事で話題になっている、寄稿記事（全文転載）をした時に Google の検索結果で表示されなくなる問題について。これに関連するウェブの記事やTwitterなどをあれこれ見ていると、ちょっと誤解や間違った情報も多いので、この領域の専門家として簡単にポイントをまとめておきます。大元さんの記事で総論正しいのですが、少し訂正しつつ、技術的な観点も加えて話を整理してみます。 この話題は、「重複コンテンツ」（duplicate content）問題といいまして、技術的にも難易度が高く、またケースバイケースで解決方法も異なると
６日間でGoogleにインデックスされる方法 - GoogleMania | グーグルの便利な使い方
６日間でGoogleにインデックスされる方法 管理人 @ 8月 2日 02:13pm ウェブマスター向けサービス, 検索Tips, 検索エンジン サイトを公開したとき、できるだけ、早くGoogleインデックスに登録されて、できるだけ多くの人に訪問してほしいものです。 そのためには、Googleにインデックスされないと、話になりません。 今回紹介するのは、最短６日間でGoogle検索にインデックスされるためのTipsです。 Googleのサイト登録フォームにURLを登録する。 Googleオフィシャルブログの記事へリンクを張る。 同じように、Techcrunchの記事にもリンクを張る スパムではなく、読んで面白いと思ったブログ記事には、コメントを残す。 このブログをBlogger Forumで宣伝する。 ２・３時間かけて、ソーシャルニュースサイトで人気が出るような記事を書く。 自分のサイトに
Google Ajax Search API in WordPress
Google AJAX Search APIがリリースされたので当ブログにサイト内検索用に設置してみた。右のサイドバーの一番上。 ソースは以下。body要素で直接onLoadを呼び出しても問題ないがthemeのsidebar.php内に収めたかったのでregisterLoadHandlerを定義しています。Googleのサンプルに書いてあるソースがほとんどなので簡単でした。 <h2>Google Ajax Search</h2> <link href="http://www.google.com/uds/css/gsearch.css" type="text/css" rel="stylesheet"/> <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&key=***" type="text/javascript">
【ハウツー】Googleからの新たな贈り物、「Google AJAX Feed API」を試そう | エンタープライズ | マイコミジャーナル
Google AJAX Feed APIとは? Googleは16日、「Google AJAX Feed API」を公開した。Google AJAX Feed APIは、RSS/Atomなどの各種フィードを取得するためのJavaScript APIだ。 これまで、JavaScriptでフィードを取得し、取り扱うには以下のような問題があった。 JavaScriptはセキュリティ制限上、生成元のホストにしかXMLHttpRequestなどを使用したネットワークアクセスを行うことができない(これを同一生成元ポリシーと呼ぶ)。そのため、単純に他のホストからフィードを取得するようなコードを書くことができず、自ホストのサーバにプロキシを置いておき、そのプロキシ経由でフィードを取得するなどの対処が必要であった フィードの形式が乱立している。これで困るのはJavaScriptに限った話ではないが、ことサイ
早速Google AJAX Feed APIを導入してみました
Googleから「Google AJAX Feed API」が公開されました。 このAPIは、他ドメインのRSSやAtomの一般的なフィードを簡単に取得するためのAPIです。 公開APIを利用したサンプルサイトを作っていくよ管理人として、早速「Google AJAX Feed API」のテストを兼ねて、[Z]ZAPAブロ～グ2.0に導入してみました。 各記事の下部に、「この記事に言及していそうなブログを検索する」というリンクを追加してあります。 このリンクをクリックすると、画面遷移することなくAjaxで、リンク元のブログが表示されます。 Googleにキャッシュが生成されるため、クロスドメイン制約を気にすることなく、他のドメインのフィードを表示できます。 [Z]ZAPAブロ～グ2.0:人気記事の はじめてのApolloプログラミング ニコニコ動画みたいなものを作ってみるテストと問題点 など
ブログのパフォーマンス改善：その後（YSTとの戦い：その5）
先日エントリーした「サーバ移転延期とパフォーマンス改善内容について」の、現在のアクセスに関する状況報告です。 実施した改善策は下記の通りです。詳細は上記の記事を参照ください。 PHP ファイルで条件付き GET ができるように変更 PHP ファイルを最小限にして、最近のエントリー／コメント／トラックバック等のダイナミックなモジュールは PHP を用いたモジュール化から Ajax に変更 ヘッダやバナー類のスタティックなモジュールも PHP モジュール化を行っていたので、これらは MTInclude に置き換え １．エラーについて 通常のページ閲覧で 503 エラーは発生しなくなりました。ただしコメント投稿では数回発生することを確認しています。 ２．Google Analytics による訪問者とページビュー数 「エラーが減る = アクセスが増える」ということで、現在のページビューの状況です
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://yuma-z.com/blog/2013/04/ninkiblog_ad/
【ブロガー必見！】GoogleAnalyticsで自分のブログへの被リンクが分かる「トラックバック」機能が便利だぞ！ - むねさだブログ
Better WordPress Google XML Sitemaps (support Sitemap Index, Multi-site and Google News)
Google Code Blog: My How We've Grown
deadbeaf.org
E-Mail Icon Generator