[レベル: 上級] DeepCrawl が主催したウェビナーで Google の Martin Splitt（マーティン・スプリット）氏が、JavaScript サイトの SEO に関するさまざまな質問に回答しました。 このなかで、サーバーサイドでレンダリングすべき要素、言い換えると、JavaScript を介してレンダリングさせるべきではない要素をスプリット氏は挙げました。 スプリット氏によると、SEO を考慮するのであれば、次の要素はサーバーサイドでレンダリングしてからクライアント（ユーザーと Googlebot）に配信したほうがいいとのことです。 メインコンテンツ 構造化データ title タグ meta description hreflang 日付に関する記述 メインコンテンツは、ページの評価において最も重要です。 現在の WRS（ウェブ レンダリング サービス）が、古い Chr

フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 ニュース サイトマップ ニュース メディアの場合、ニュース サイトマップを使って、ニュース記事とその記事に関する追加情報を Google に伝えられます。既存のサイトマップをニュース固有のタグで拡張することも、ニュース記事専用の個別のニュース サイトマップを作成することもできます。どちらのオプションでも Google は問題ありません。ただし、ニュース記事専用の個別のサイトマップを作成することにより、Search Console でコンテンツの検索をより細かくトラッキングできるようになります。 ニュース サイトマップのベスト プラクティス ニュース サイトマップは一般的なサイトマップを基にしているため、一般的なサイトマップに関するベスト プラクティスがニュース サイトマップにも当てはまり

当サイトでは、毎月新しく公開されたフリーフォント素材をまとめてご紹介しています。今回は、2019年2月度のフリーフォントまとめです。 あらゆる太さの揃った万能フォントから、アウトドアを連想させる素朴でかわいい日本語フォント、今年注目レトロスタイルの太字セリフ書体、個性を演出できるブラシフォントなど、幅広いセレクションが今月も揃いました。 人気のある最新フォントトレンドも一緒に確認しておけば、どのようなフォントスタイル、デザインに注目が集まっているのか分かりやすいかもしれません。 2019年のフォントはこれで決まり！トレンド対応の無料フリーフォント厳選60個まとめ デザイナーが愛用したい！こだわりの最新フリーフォントまとめ Blinker Font Family シンプルで読みやすさが特長のサンセリフ書体で、フォントの太さに応じて9ウェイトが用意されているので、組み合わせて利用するだけで、ス

[レベル: 中級] 旧バージョンの Search Console から新バージョンの Search Console への切り替わりに伴う、ツールと機能の移行状況について Google はウェブマスター向けブログで説明しました。 移植とともに改善されるもの、置き換わるもの、廃止されるものなどさまざまです。 クロールエラー 単独でのクロールエラーレポートは廃止されます。 代わりにクロールエラーは、インデックスカバレッジ（と URL 検査ツール）で確認できます。 以前に紹介したように、新しい　Search Console では、レポートされるクロールエラーは重要なエラーに限られます。 たとえば、サイトマップで送信した URL が 404 を返しているときです。 404 以外のそのほかのクロールエラーに関しても、すべてのエラーをレポートはしません。 またクロールエラーレポートの廃止に伴い、クロール

ロゴの自動生成サービス「Free Logo Generator Online」が今までにないレベルで高機能だった話と、これはデザイナの仕事を奪うのかどうか。 このツイートをしたところ、大きな反響をいただきまして、かるく解説記事を書いておきます。 どういうサービスなの？オンラインでネットショッピングをつくることができる有名サービス「Shopify」のはじめたロゴ自動生成サービスです。13のビジネス分野、18のデザイン属性から自分にあったものを選択し、ロゴに入れる文字をタイプするだけでロゴを自動生成することができます。また、生成したロゴのフォント、色、アイコン、レイアウトの調整も可能ですので、自動生成といいながらほぼあなただけのロゴを自動生成することができます。 使い方ログイン不要です。https://hatchful.shopify.com/ にアクセスして、右上の「GET STARTED」

リフカムではRefcomeというサービスを運営しています。このサービスのホームページはWordPressで作られており、WordPressはAmazon Lightsailで構築しています。さらには、インスタンスのタイプも一番安い$5/monthなので大量のアクセスをさばくことは絶望的です。そこらへんは負荷が問題になってから考えればいいよねーと言って何も考えずに作ったのですが、TV取材が入って「放映されるから大至急高速化して」と言われて大慌てです。 実際に放送された内容 実際に放送された内容は以下になります。 http://www.tv-tokyo.co.jp/plus/business/entry/2018/017321.html 大体放映されたのが10分くらいで、撮影が1〜2時間くらいかかっているので編集の力を思い知ります。 Amazon Lightsailの性能を確かめる さて、前述

急なトラフィック増にも動じない、Amazon S3とCloudFrontを活用したWebサイト構築1 of 41

さて、先日のインタビューを公開したところ、筆者のFacebook投稿に次のようなコメントが寄せられた。 以前からぼんやり疑問なのですが、GPLな有料テーマはGPL守る限りは無償でも再配布できますよね。 アクティベーション機能があるGPLなテーマもあるようですが、これのアクティベーション機能を削除するのは、法的にも思想的にもGPLに違反しませんし、アクティベーション削除版をGPLで配布することもできますよね にもかかわらずGPLな有料テーマがビジネスになるのは、WordPress界の文化的な背景があるのでしょうか。 質問者の方は経験豊富なエンジニアで、WordPressのことは知ってはいる。が、たしかに聞かれてみれば、GPLというライセンスの構造上、なぜそれでビジネスになりえるのかというのは、しごく真っ当な質問でもあるので、ここで一つ、問題の整理を兼ねて「なぜGPLライセンスの有料テーマ販売

賢明なる読者諸兄はWordPressで有料会員制サイトを作りたいと思ったことはあるだろうか。筆者は先月から家庭内でお小遣い制が導入されたため、その思いを強くすることになった。 さて、WordPressには山ほどプラグインがあるので、有料会員制サイトを実現することはできるのだが、まずはWeb上で有料会員サイトを運営するにあたって、そもそも提供すべき価値はなんなのかという観点から、プラグイン選定および開発の指針を立てることから始めたい。 トレンドとしてのサブスクリプション 色々と前提を端折っていうと、現在サブスクリプション（定期課金）は流行っている。NetflixやHuluのような動画見放題サイトを始めとする、「最近の目立ってるビジネス」の多くがサブスクリプションを採用している。そのビジネスとしての可能性については「ネットフリックスの値上げから考えるサブスクリプションモデルの適切なKPI設定」

[レベル: 上級] Google マイビジネス API が Google への投稿、通称 Google Posts をサポートするようになりました。 ローカルビジネスオーナーは、公式のダッシュボードからではなく独自ツールやサードパーティ製ツールを使って Google Posts を投稿できます。 API が投稿を公式にサポート開始 Google マイビジネス API の変更ログに、投稿機能のサポートが追加されました。 Posts on Google You can now create Posts on Google directly through the API. API の使い方のヘルプ記事にも記載されています。 サードパーティ製ツールがサポートするか？ Google Posts を活用しているローカルビジネスがどのくらいあるかわかりませんが、僕の知る限りではさほど多くないように思い

サイトのディレクトリ階層はSEOにおいて重要じゃない！ TOP SEO サイトのディレクトリ階層はSEOにおいて重要じゃない！ ディレクトリの階層が複雑だと、SEO的に不利なんじゃない？クローラーが回りにくかったり、インデックスされにくいんじゃない？という質問をよく聞きますが、実はこれ勘違いしている人が多いのです。 その理由は「ディレクトリ階層」と「リンク階層」の２つの認識が混ざってしまって、間違った認識がアフィリエイターなどのサイト運営者に伝わっているからだと思われます。 では、なぜディレクトリ階層の深さはサイトの上位表示に関係がないのか、そして上位表示に関係のあるリンク階層とな何か、また正しいディレクトリ階層の考え方とは何かについて、僕の考えをちょっとご紹介します。 SEOに有利なURLとは？ まず最初に、ざっくりとまとめ的な紹介をしておきます。 ディレクトリ階層の深さ、日本語URLか

Herokuの公式ドキュメントは英語なので読みづらいですよね。herokaijp/devcenterのように、有志が日本語訳してくれているドキュメントもありますが、その中でも特に抑えておきたい16個の常識について挙げてみました。（16日に公開する予定の記事なので、何となく16個挙げてみました。。） （補足）Herokuを使う上での登場人物の名前 Dyno 「だいの」と呼びます。1Dynoと言ったとき、一つサーバが立ち上がっているようなものだと考えて下さい。 Routing Mesh Herokuアプリにアクセスがあったときに、Dyno間の負荷をロードバランスしながらリクエストを振り分ける機構をRouting Meshと呼びます。たまに「Router Error」というログを吐くのですが、そのとき障害が起こっている場所はここです。 常識1. Dynoは1時間アクセスがないとアイドル状態になる

(ref) Standard 1xまでは、1 Dynoに割り当てられるメモリは512MB 無料枠は全アプリケーション合計で月1000時間まで 現在(2016/06/01-)の料金体系では、Freeプランだと1アカウントあたりすべてのアプリケーションやアドオンを含めて1000時間までが無料枠となります(ref)。なので、例えば開発環境用と本番環境用で2つDynoを稼働していて、さらにnewrelicのアドオンを使用していると、その3つの使用時間の合計が1000時間になるまでが無料となります。よって、例えばwebアプリケーションを運用していてひと月常時稼働させようとすると、まず本番環境用のDynoだけで 24時間 x 30(日) = 720時間 ぶんを消費します。またFreeプランで常時稼働するためには上記の表にある30分sleep制限を回避するスクリプトなどを含める必要があるので、それもHe

企業Webサイトのトップページを訪問者ごとにパーソナライズするのは、どうなのだろうか。Optimizelyのサイトでトップページをパーソナライズした事例から、その考え方やセグメントの分け方、クリエイティブ、そして成果を紹介する。 1998年、ジェフ・ベゾス氏はインターネットについてあるビジョンを抱いていた。同氏がアマゾンを設立してから4年が経った頃で、アマゾンは書籍や音楽の巨大オンライン市場として軌道に乗りつつあった。 その年に行われたワシントン・ポストとのインタビューで、ベゾス氏はウェブについて先見性のあるコメントをしている。同氏は次のように述べていた。 顧客が450万人いるなら、店舗が1つではだめだ。450万の店舗が必要だ。 それから19年たった2017年の今、私がアマゾンのトップページを訪問すると、その内容はかなりパーソナライズされている（2016年8月には、蛍光色に光るライトスティ

2013年10月のリリースから、約1年で1億2000万PVを達成。2014年7月から2015年2月まで、PVで12.8倍、UUで4.5倍と、一般的なメディアと比較すると驚異的な成長率です。 株式会社GameWithは他に、チャンネル登録数が3万人を超えるゲームプレイ動画専門のYouTubeチャンネル『GameWithTV』を開設し、社員が登場してゲームの攻略情報をわかりやすく伝えたり、動画ならではの企画をしたりと、ゲームの楽しみ方をより広げるような取り組みをされています。 また、『GameWorks』というゲーマーのためのクラウドソーシングサービスを運営しており、ゲームをやりこんで得た攻略情報を投稿することで、採用されると報酬が貯まり、現金と交換してゲーマーがお小遣いを稼ぐことも可能です。 これはゲームが仕事になるような未来のための仕組みであるとのことでした。 では、プロモーションや外部配

Webエンジニアでも最低限のSEO知識を持っておきたい ferretやferretOneといったウェブマーケティングのメディア、ツールを開発、運営している株式会社ベーシックで働いており、近々ECサイトphocaseにて本格的にSEO施策を行うので、勉強がてらエンジニアが覚えておくべきだと思ったSEO周りの知識をまとめました。 この記事も書いていたら長くなってしまったので知らない部分をピックアップして読んでいただければと思います。 実装方法やSEO施策の詳細は貼ってあるリンクだけではなく、 別途Googleで検索するなどして複数の意見をインプットすることをおすすめします。 ###★この記事を読むとどうなるか マーケター、ディレクターとのやりとりがスムーズになる。 意図せず検索順位を下げてしまうコードに気づける様になる。 エンジニア側だけで動けるSEO施策を提案できる様になる。 なんとなくSE

こんにちは、らくからちゃです。 ここ最近、Googleより『低品質なコンテンツは検索順位下げるからね！』という大本営発表が出されました。 以前より、Googleの検索順位については『コンテンツの量が長ければ長いほうが良い』、俗に長文SEOと呼ばれる仮説がまことしやかに語られてきました。その真偽はさておき、多くのウェブサイトが内容量の充実によるアクセス増を狙った結果、『ただ長いだけで最後まで読まれることのない駄文長文コンテンツ』が増えてきたのも事実です。 おそらくGoogleは『読むに値するコンテンツか否か？』の判断に、ページの滞在時間も採用しているのでしょう。しかしただ長いだけのコンテンツはむしろ価値のない物として評価されている可能性もあります。ネット上に文章を公開するならば、より多くの人に読まれる＝PVが増えることを望むことは自然なことです。しかしPVはあくまで『アクセスがあったかどうか

どんなに機能がイケてるアプリでも、デザインがイマイチだとなかなか使ってもらえません。そこで必要なのが、「色」の知識。もうセンスが悪いなんて言わせません。 Kissmetricsによると、製品の外観は消費者の購入決定判断に一番影響する要素です。最近では、マーケティングマネージャーがカラーコンサルタントを登用し、カスタマーを引きつける力のある色をどう選ぶべきかアドバイスを受けるのが通常になってきています。色が重要なマーケティングツールだと理解しているからです。モバイルアプリの開発者にとっても、そうした流れから学ぶべき、役立つことはたくさんあります。 カラーセオリーとは 3原色（赤、黄、青）を基本としたカラーホイールを芸術家が使うようになってから、もう何世紀もたちます。最初のカラーダイアグラムは350年前に誕生し、ニュートンによって開発されました。 最近使われるカラーホイールは、二次色（緑、オレ

[レベル: 中〜上級] 構造化データはすべてのページ（PC向け・モバイル向け・AMP）に設定すべきなのでしょうか？ それとも、AMPページだけに設定すればいいのでしょうか？ こんな質問が、英語版のGoogleウェブマスター向け公式ヘルプフォーラムに投稿されました。 Google社員のコメントも参照しながら、一緒に考えてみましょう。 AMPカルーセル用はAMPページに。それ以外は、現在はPC向けページに、今後はモバイル向けページに 基本的には、どんなタイプの構造化データを実装するかによって変わってきます。 AMPカルーセル用はAMPページに モバイル検索では、AMPページがカルーセルに掲載されることがあります。 代表的なのはトップニュースのカルーセルです。 ※カルーセルではなくリスト形式で掲載されることもあります（キャプチャのカルーセルの上） 米Google (google.com) では、

Wordmark helps you choose fonts by quickly displaying your text with your fonts.