海外のSEO/SEM情報を日本語でピックアップ#2今週の海外記事、後半はジョン・ミューラー氏によるオフィスアワーからの情報をまとめて4つ、お届けする。 リダイレクトやrel="canonical"の設定で注意すべき重要なこと 一貫したURLを使用する （Google Webmaster Central office-hours）リダイレクトやrel="canonical"で正規URLを指定するときに注意すべき重要な点があるので、紹介しておく。 「正規URL」とは、グーグルがインデックスする対象のURLを示す用語だ。 通常は1ページに1つのURLを割り当てていることだろうが、実際にはさまざまな理由で同じコンテンツにさまざまなURLでアクセスされる場合がある。 たとえば、（あなたの考えている）本来のURLが次のものだったとする。 http://example.com/blog-20170721

ページ表示速度と SEO の関係と Google SEO好きな方には今更感のある話題ですが、まだまだ講演会などで参加者の方から頻繁にいただく質問の1つです。あらためて考え方について整理します。 公開日時：2017年08月08日 14:49 今年もいろいろな場で SEO や検索技術に関する講演をさせていただくのですが、参加者やテーマを問わず、共通していただく質問として必ず上がるのが「ページ表示速度」のお話です。あらためてポイントをまとめます。 SEO 関係なく速いほうが良い ページ表示速度は本質的に SEO が関係ないお話です。ページをクリック（タップ）して瞬時に情報が表示されるほうがユーザー体験が良いに決まっています。SEO に関係なかったら、ページの読込時間は遅くてもいいんでしょうか？そんなことないですよね。一般的に、ページ表示速度が極端に遅いと、直帰率や滞在時間に悪影響があるといわれま

ウェブ担当者：こないだ社内の会議でボスに、「あのウザい広告、何とかならないの？」って言われました……。効果は出てるし、除外とかもいろいろやってるんですけど……。自分がウザいって言われてるみたいで凹みます。 寳：まあまあ、元気出してくださいな。ところで、ディスプレイ広告の種類って、リターゲティング広告だけだと思っていませんか？ ウェブ担当者：前に他の広告もやったことありますけど、結局パフォーマンスが良いのってリターゲティング広告になりますし……。 寳：そうですね。じゃあ今日は、ユーザー心理や区分を踏まえつつ、リターゲティング広告も含めたディスプレイ広告全般について、考えてみましょう。 記事の最後では、ディスプレイ広告の運用に役立つ「プランニングシート」も紹介しますね。 リターゲティング広告は目の前の成果を増やすのに効果的「リスティング広告でディスプレイ広告を使う」と言ったとき、多くの方はまず

私のブログの「税金と保険」カテゴリは、昔税金関係の職場に勤めていた頃の知識を使って、お役に立ちそうなことを紹介するコーナーです。 しかしこのカテゴリは、制度が複雑で、かつ正確性が命なので、書くのにすごく疲れるのです。 従ってこのカテゴリの更新が止まっており、７月８日以降記事がなかった・・・ このままでは自称「税金マニア」の名前がすたると思い、（既にすたっているかもしれませんが）ようやく重い腰をあげます。 もともと未成年口座を使っている関係で、贈与税の記事は書いておきたかったのです。 目標はもちろん「どのブログよりもやさしく」です。 ※注意　この記事とても長いです。どうか暇な時にでも読んでください。 贈与税の計算方法 SBI証券のように、いくつかの証券会社では未成年口座の開設が可能です。 また子供が生まれた記念や、入学記念などで、銀行口座をつくることもあると思います。 この口座にポンッと２０

米軍の最新鋭潜水艦「操縦しやすいのでゲーム機のコントローラーに変更」→コストは1000分の1以下に アメリカ海軍の誇るバージニア級原子力潜水艦は現在13隻が就役しています（1番艦の就役は2004年）。 冷戦終結後に登場したこともありコスト削減が重視されていますが、高価な操縦桿（ジョイスティック）をゲーム機（Xbox）のコントローラーに変更したところ、直感的かつ低コストでの運用が確認され、新造艦に採用される見込みとのことです。 U.S. Navy swapping $38,000 periscope joysticks for $30 Xbox controllers on high-tech submarines これまでバージニア級原子力潜水艦に採用されてきた操縦桿とイメージング・コントロールパネルのコストは1式で3万8000ドル（約426万円）。 Xbox360のコントローラーに置き換

以下抜粋 「OculusよりもHTC Viveのほうを応援しているのはなぜか」との質問も。これには「特にHTC Viveだけを応援しているわけではなく、全てのVRゴーグルを応援している。ただ、今はHTCが非常によく活動しているから」 日本や東京に肩入れする理由は、彼が日本のアニメ、特に「ソードアート・オンライン（SAO）」が好きなこと、同作に出てくるヘッドセット「ナーヴギア」に触発されてOculus Riftを開発したことにあります 抜粋以上 まお（松岡洋）JAPAN EXPO Paris @kuronekodaisuki 記事には書かなかったけど、アダルトVRは海外では色々と規制があるので表立って開発してますとか言えない。 それに対して日本では開発してるとはいえるけど、東証に上場してる金融機関からは融資が不可能。 それじゃあ、海外から資金調達すればお金と技術両方そろうよね、ということなの

ぱっと見ただけではなかなか気がつかないような、ディテールにこだわった素晴らしいデザインのアイデアとテクニックを使ったUI要素を紹介します。 最近のWebサイトで見かけるUI要素がたくさんあり、すぐに次のプロジェクトに役立つと思います。

最近手持ちのサイトを順次、SSL/TLS（以降、SSL化）対応している。 SSL化の目的はWebサイトのセキュリティ強化（情報の暗号化）なのだけれど、サイト運営者にとっては「SSL化したことよって検索順位にどう影響がでるか」も気になるポイントのはず。 特に「勝っているチーム」のサイト運営者なら、できれば動かしたくないのが本音だろう。でも、Googleは強く推奨してくる。 ここでは、SSL化したWebサイトの検索順位変動の一例を紹介する。 SEO評価上、優遇されるはずなのだが… Googleは、SSL化されたWebサイトはランキング評価で優遇すると言っているので、プラス要素であることに間違いはない。 参考Google ウェブマスター向け公式ブログ: HTTPS をランキング シグナルに使用します それに2018年7月（chrome68）以降は、SSL対応されていないサイトに対するchrome

画像は一切無し、CSS+HTMLで実装された、紐につかまった猫がぶらぶらするCSSアニメーションを紹介します。 ページが読み込まれる時のプリローダーで、こんなのがあったらずっと見ちゃいますねｗ

UX MILK編集長。株式会社メンバーズ LXグループ所属。LX（ラーニングエスペリエンス）にまつわる新規事業立ち上げなどをしています。ゲームとパンクロックが好きです。 Facebook / Twitter。 UX MILK編集長の三瓶です。UX MILKまわりのデザインをすべて担当しています。 突然ですが、僕は転職活動が苦手です。職務経歴書やポートフォリオ作ったり、自分は今まで何をやってきたか、的確に伝えなければならないわけですが、いまいち伝えきれている気がしません。 そこで今回はデザイナー向け転職サイト「デザイナードラフト」が、サービス上でレジュメのフィードバックをしてくれると聞いて、実際に登録し、レジュメを書いて、添削されてみたいと思います。 （ディレクターやプロダクトマネージャー向けのWeb Expert DRAFTも事前登録受付中みたいです。） デザイナードラフトに登録してみる

JakeはUIデザインやウェブ開発の記事を執筆するライターです。彼の仕事はあらゆるウェブや彼自身のポートフォリオで見つけることができます。ツイッター@jakerocheleauから最新のアップデートをフォローできます。 ドロップダウンメニューは、近年のJavaScriptとCSS3のおかげでずいぶんと発展してきました。しかし、すべてのドロップダウンメニューが同じように制作されているわけではなく、その機能性にはばらつきがあります。 この記事では、使いやすいドロップダウンのナビゲーションメニューを作るための手段をいくつか紹介します。また、基本的には同じデザイン原則に則っているマルチドロップダウンや、メガメニューについても触れていきます。 サブメニューにマーカーを付ける サブメニューのリンクに、マーカーをつけるのは良いアイデアです。このちょっとした視覚的なシグナルがあることで、どこにリンクがあり

2017年9月16日、WordCamp Tokyo 2017に参加して来ました。 すでにたくさんのレポートブログが上がっていると思います。私はあまり技術系に明るくなく、かといって他に何か突出したスキルがあるわけでもありません。そんな、Web業界のすみっこに生きるポンコツWebデザイナーが見たWCTとは、いったいどういうものだったでしょうか。「すごい人じゃないデザイナー」である私が、「すごい人じゃないデザイナー」へ向けて、「すごい人じゃないデザイナーが行ってどうだったのか」をお伝えいたします。 はじめにUSJのパレードを見ては、ダンサーさんのオーディション風景や、先輩に怒られながら設営をするスタッフの姿を勝手に想像して目頭を熱くし、幼稚園児の遠足に出くわせば、無事に園へ連れて帰るまでの先生たちの使命感を勝手に想像して目頭を熱くするタイプですので（歳をとると涙もろくなって困ります）、会場に着い

幼児高等教育が子供の成長に効果があると報道されています。音楽を聞かせたり、脳を活性化させるトレーニングを取り入れるなど、様々なものが取り上げられています。子どもが生まれたうれしさから、とても熱心に研究している親たちもいます。この現象は今に始まったことではなく、数十年前から提唱している評論家もいます。 確かに、それによって才能が開花し後に成功を収める人もたくさんいます。特に芸術の世界では、幼い時期に様々な経験をすることが良いといわれています。しかしながら、すべての子供に当てはまるわけではありません。全ての人が成功するのであれば、すべての親たちが幼児教育に取り組むことでしょう。子供の感性は幼児期に形成する、これは本当でしょう。環境が人を育てるのも本当でしょう。 大切なのは子供の成長を妨げないことです。才能を伸ばすことより、特別な能力を見つけてあげることより、子供の成長を邪魔しないことこそが重要

レイアウトのベースになるグリッドのサイズ、パネルやカードやボタンなどのサイズ、要素間に与えるスペースの段階ごとのサイズ、見出しや本文などテキストの階層ごとの文字サイズなど、Webデザインを設計する際に必要となる数値をサイズを最小のユニットから導き出すオンラインツールを紹介します。 デザインする時にも、HTML+CSSで実装する時にもこういった値ははっきり決めておいて、すぐに確認できるようにしておくといいですね。

デザイナーが担当する領域は、近年ますます幅広くなっています。そのため、常に学び続けることが必要ですが、新しいことを学ぶのに参考書で勉強するのは退屈ですし、スクールはややハードルが高いという問題があります。 そこで今回おすすめするのがオンライン動画学習サービス「Udemy」を使った学習です。 実際、UX MILK編集部の中にもUdemyでいくつか講座を受講している人がいますが、動画なので飽きにくく仕事終わりに軽く勉強するのに丁度良いそうです。 Udemyとは Udemy（ユーデミー）は、世界で1,700万人が利用する世界最大級のオンライン学習プラットフォームで、日本ではベネッセコーポレーションが事業パートナーとして2015年から協業を開始しているサービスです。 Udemyのおすすめポイント 講座の種類が豊富でITやデザインを学べる講座が多い 一度購入したらずっと視聴ができ、30日間の返金保障

Webデザインを学び始める人が最初に立ちはだかる壁が、段組としてのレイアウトです。 Webデザインの黎明期は、TABLEレイアウト、そしてfloatを使った回り込みレイアウトが主流でした。しかし、TABLEレイアウトは読み込み時間が長くなる傾向になり、floatを使ったデザインはブラウザによっては回り込みがうまくいかず、段組が崩れてしまうなど、初心者を悩ませる問題がたくさんあったのです。 そこで2012年頃から登場したのが、Flexboxを使ったレイアウトです。それまでにさまざまなCSSフレームワークが登場し、多くのフロントエンドエンジニアやWebデザイナーはfloatでのレイアウトの問題を解決するためにこうしたフレームワークを活用していました。 しかし、Flexboxでのレイアウトも、場合によってはレイアウトがはみ出してしまうことがあったりと、万能ではありませんでした。その問題を解決する

We're asking people to rethink comments that seem similar to others that have been reported or downvoted

こんにちは、『伸びシロとおもシロ』をコンセプトにフィンランドからワロタをお届けするプロブロガーのCaptainJack（@CaptainJacksan）です。新感覚のブログ・エンターテイメントサロン、『伸びシロサロン』やってます。(๑•̀ㅂ•́)و✧ ブログを始めた時って、情報が何もないのでまず色々ググって調べますよね。そして、色んな記事が出てきて何を参考にすればいいのかわからなくなる。あるあるですよね。 というわけで、この記事では僕の目から見たブログ運営に役立つ必読記事をまとめてみることにしました。特に、少しでもブログで副収入を得たいと思っている人には、本当にオススメの記事ばかりです。 『ブログ開設前の超初心者』『初心者』『中級者』『上級者』とステップごとにお役立ち記事をカテゴリ分けしていますので、今の自分が読むべき記事がわかります。 はじめに言っておきますと、この記事は14,000字と

milieu編集長。1988年大阪・千里生まれ。京都市立芸術大学 美術学部 総合芸術学科卒業。大学時代にアートマガジンSHAKE ART！を創刊、展覧会のキュレーションやメディア運営を行う。2012年CINRA入社、WEBディレクター・PRを経て2015年からフリーランス。執筆・司会業などを行う。THE BAKE MAGAZINE編集長、DemoDay.Tokyoオーガナイザーなども兼任。Twitter  |  Instagram  |  Facebook こんにちは！milieuというWEBメディアの運営をしている塩谷舞（@ciotan）と申します。ときには「WEB編集者」と呼ばれることもあります。 この「WEB編集者」って肩書き、ここ数年でよく耳にするようになりました。この求人サイトCINRA.JOBにも「WEB編集者」の募集がチラホラ見られます。 「わざわざWEBってつける必要あるの