スマホで高さいっぱいにしたい時に、100vhが高さいっぱいにならず頭を悩ませていたときに、100svh, 100lvhの動的ビューポート単位が登場して、一時は解決したかに思いました。しかし、これらの単位だけではスマホでバーチャルキーボードなどを表示すると期待通りに機能しません。 このバーチャルキーボード表示時に頭を悩ませていた人に朗報です。CSSのinteractive-widgetキーワードを使用すると、この問題がすっきり解決します。 Control the Viewport Resize Behavior on mobile with interactive-widget by Bramus! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに デフォルトのビューポートのサイズ変更動作 metaタグのinteracti

無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする　＞＞ SEOツールと呼ばれるツールは数多くあり、そのすべてを把握することは非常に難しいでしょう。機能も様々あり、用途に合ったツールを選択したいものです。SEOツールを使用するシーンは複数考えられますが、キーワード調査にツールを使用すると、効率よく進められるはずです。今回は、「キーワード調査」に用途を絞ったSEOツールを解説するSearch Engine Journalの記事を紹介します。 よく使うツールの無料版、「ビッグ3」と呼ばれる有料ツール、さらに、あまり知られていないツールを含め、我々はキーワード調査に最適なツールをレビューした。 SEO担当者であれば、調査ツールを使用しないでキーワード調査を行

CSSのdisplayプロパティはよく使用すると思います。値にflex, gridを設定したり、ブロックやインラインにしたい時にblock, inlineを設定します。 そんなdisplayプロパティで2つのキーワードを値として設定できる2値構文がサポートされます。すでにSafariとFirefoxにサポートされており、ChromeとEdgeは7月リリース予定の115でサポートされます。

CSSコーディングに役立つサービスやWebサイト運用で役立つSEO関連のツールなど、Web制作の現場で使えるWebサービスを13個紹介します。ワンクリックで取得できるコードや、ドラッグ&ドロップだけで完結するものなど、直感的に作業できるサービスばかりです。あなたの現場でもぜひ利用してみてください。 Fancy Border Radius Generator CSSのborder-radius を使ってボックスや画像をユニークな形状に変化できるWebサービス。 Fancy Border Radius Generator シンプルなコードで実装可能です。 正方形の写真をCSSで変形させました 上のように正方形の写真をユニークな画像に見せることができます。 Fancy Border Radius Generator Clippy – CSS clip-path maker CSSのclip-pa

※大幅に追記、更新しました。それに伴って有料化しました（すみません） 株式会社プッシュの阿部と申します。 6ヶ月ほど前に作ったWebメディアが3ヶ月後からドカンと跳ねました。 立ち上げから6ヶ月。累計で1,321万PVを獲得しました。流入元の90%以上はSEO(Organic)です。成長中なので、年間で4,000万PV到達ペース。 この記事では、このサイトを作った私の実体験から学んだことをお話します。 - メディア関係者 - アフィリエイター - オウンドメディア担当者 - SEO担当者 - SEOコンサル - Web制作関係 ↑このような方には、絶対に役に立てる記事だと思います。 この記事を読んでいただければ 「300万PVを一人(社員ゼロ)でやる方法」 「最速でSEOメディアを伸ばす方法」 が分かるはずです。 あまり教科書的な内容ではありません。なぜなら教科書的な内容は役に立たないから

これは便利！Google検索テクニック24選 公開日2016年06月02日 投稿者：長瀬 果 カテゴリ：解析・分析 いまやGoogleは私たちが生活する上で欠かせないツールとなっています。皆さんもビジネスで毎日頻繁に利用しているのではないでしょうか。 さて、このGoogle検索、便利な検索テクニックが数多く存在することをご存知でしょうか？ ちょっとした検索テクニックで、日々の業務効率化やプライベートの充実に大いに役立ってくれるんです。 今回、その中でも比較的シンプルなテクニックを中心にセレクトしてみました。 検索の仕方で大きな差がつく、Google検索のエキスパートを目指しましょう！ 1.完全一致検索 キーワードを””（ダブルクォーテーション）で囲うことで、そのキーワードに完全一致するフレーズのみを検索できます。 たとえば「人気デートスポット」というキーワードで検索した場合、「人気のデート

ビアンカ・ウェブ 2015年1月に法人設立、2児の母。 おもに、美容関係のアフィリエイトサイトを運営しています。 この記事をいつかは書きたかったんだけど、やっと書くことができた＼(^o^)／ 以前から、「脱毛」単一で上位表示したいとひそかに思っていて、最近ようやくその目標を達成できたので、良い区切りとして、これまでe-脱毛エステ.comでやってきた施策の全てをまとめようと思います。 おそらく特殊な事例で、全て同じようにやって結果が出るという再現性のあるものではありませんが、どこか部分的にでも参考になるところがあれば幸いです。 これまでのサイト制作とSEO施策の経緯 このサイトのドメインを取得したのが2013年11月なんですよね。 その時は、まさかこんな何年もかけて１つのサイトを育てることになるとは思っていなかった（遠い目） まだその途中ですが、これまでの2年半あまりにやってきたことの全記録

Google検索順位１位を取るために使った方法は １．内部コンテンツをキーワードで最適化し、 ２．キーワードにおける評価が高いドメインの ３．「新規記事ページ」への ４．「リダイレクト（３０１）」 である。 これを行った一番の理由はリダイレクト元であるfreelifer.jpを旅行の専門サイトにしているからだ。ブログ、ブロガー関連のキーワードでの評価をこちらのサイト（bloglifer.net）へ流す目的で http://freelifer.jp/?p=1358 から http://www.bloglifer.net/entry/pro-blogger へリダイレクトを送った。 その結果として検索順位が１位になっている。 特定のキーワードを、特定の時間で１位を取る実験やってみる。５月３日に検索ボリューム月１万回以上の某キーワードで１位を取る。 現在は１０位で今までの最高位は９位。上手くいっ

サイトの順位を上げるためには、SEO対策が必要です。ここでは、検索順位を上げるためのSEO対策で何をやったらいいのかを解説していきます。 あなたのサイト、最適なSEO対策できてますか？順位・リンク・内部を調べ、必要なSEO対策をご案内します（無料）⇒ 目次 SEO対策とは キーワード選定 ユーザーの気持ちに共感し、想像する 競合サイトを調査する ツールを活用する コンテンツ対策 上位表示されやすいコンテンツを作る ・質問サイトからコンテンツのネタを見つける ・サジェストキーワードを活用する ・上位表示されている他サイトを調査する SEO内部対策 SEO内部対策とは タイトルタグ、メタディスクリプション、見出しタグ、alt属性の最適化 リンク構造の最適化 HTML/CSS構造の最適化 SEO外部対策 SEO外部対策とは 被リンクは数だけを見ているわけではない 被リンクは今でも効果あるの？ 誤

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

あらゆる情報を集約できるとして人気のEvernote（エバーノート）ですが、登録はしているが活用していないという方も多くいらっしゃいます。 上手く使いこなせば非常に便利なツールなのですが、具体的に使い方が分からなければ活用しようがないものです。 今回は、Evernoteを活用出来ていないという方にオススメしたい、便利な小技18個をご紹介します。 Evernoteをダウンロード、登録はしたけれどすぐに使うのをやめてしまった、という方は活用術を知り、ぜひもう一度使ってみましょう。 Evernoteを活用するための小技23選 1.メール内容からノートを作成する http://www.gizmodo.jp/2015/01/evernote10tips.html メールをEvernote宛に送信することで、本文の内容からノートを作成、保存することができます。 送信には各ユーザー専用の転送用メールアド

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

儲け学 : SEOトレーニングとウェブマーケティング戦略 SEOトレーニングとインターネットマーケティング戦略情報。儲け学は、ウェブサイトにお客を集めるSEOトレーニング、ウェブマーケティング技術を高める最適な場所です。最新の海外情報までを網羅。 あなたはキーワード選定のプロセスをもっと簡単で効率的にしたくありませんか？ このガイドは、SEO におけるキーワード選定のプロセスを3ステップで解説しています。 SEOツールによるキーワードリサーチ、 キーワードの分類・選定、キーワードを考慮したコンテンツ作りです。 特に、キーワードアイデアの調査と選定方法にフォーカスしており、トラフィックやコンバージョンなど、求める成果に適したキーワードを探し出すことに役立ちます。 また、作業効率向上に役立つテンプレートや、ワークシートも無料ダウンロードできます。 SEOツールでキーワードをリサーチする キーワ

先日、ブログアクセスアップのセミナーに参加し、懇親会などでも色々な話をさせて頂きました。 その中で気になったのが、キーワード調査の方法を知らない方が多いという事。 そこで今日は「本気で取り組むキーワード調査方法」についてシェアしたいと思いましたが、1記事程度では語り尽くせるものでは無いので、何回かに分けてお伝えしたいと思います。 まずはその前振りとして、SEOの本質から見たキーワード調査についてシェアしたいと思います。 まずは「検索エンジンとは何ぞや？」という所から。 と書くと「え？そこから？」なんて言葉が聞こえてきそうですが、一応意図がありますので少々お付き合い下さいｗ 検索エンジンの目的検索エンジンはインターネット上の情報収集しユーザーが探している何かを提示するサービスですよね。 なので、検索エンジンからしてみればユーザーに返す答えの善し悪しがサービスの質に直結するからこそ、 コンテン

昨日、これからのサイト運営には「広い視野で流入経路を増やせる能力が求められる」という旨の記事を、具体例と併せて更新しました。 http://30sman.com/real-affiliate/seo-answer.html SNS拡散能力にどれ程の価値があるのかが知りたくて、検索エンジンからの流入は全く意識せず、SNS拡散に特化したタイトルを付けました。 最後に現時点でのアクセス数などを載せていますが、完全に結果論であり、これから先何度繰り返しても同じ現象まで持って行ける自信は微塵もありませんが、今回はSNS拡散能力にどれ程の価値があったのかを報告したいと思います。 記事タイトルの定説 アクセスアップを目的とした記事タイトルの付け方をWEB上で調べると、「検索にヒットさせたいキーワードを含んだ物にする」という記載を良く見かけます。 これは今現在、間違い無く正しい仕様だと私も思います。 SE

知ってるつもりで意外と知らないSEO最新のキホン 第9回 Webデザイナーが押さえておくべき、内部SEO施策18のポイント 2015年03月24日 TEXT：押谷圭佑（ヴォラーレ株式会社） こんにちは。ヴォラーレ株式会社の押谷です。前回はリニューアルにおけるSEOの全体感の説明をしましたが、今回はより実践的で細かな施策を紹介します。 クライアントに「いま手がけているWebサイトのSEOもお願いしたい」と依頼された経験のあるWebデザイナーや、Web担当者を兼務しているWebデザイナーは、WebサイトのSEO対策を考えたことが一度はあると思います。そうしたWebデザイナーのために、押さえておくべき18のSEO内部施策に関するポイントを紹介していきます。 ■HTMLの調整 基本的に、1ページに対して1テーマ（キーワード）として対策します。これはSEOにおけるHTMLの調整の基本であり、対策する

いまや、いかに「コンテンツが王者」であるかを、だれもが語り、「ユーザーのために質の高いコンテンツを作る」ようにとアドバイスする。キーワードが（not provided）になる以前から、「キーワードは終わった」と口にする人もいた。 もちろん、こうした言葉によってそれなりのアプローチがひらめく場合も多少はあるかもしれないが、実際のところ、たいていは、それ以上の情報を何ももたらさない役立たずの決まり文句でしかない。 コンテンツの関連性測定を可能にする「質の高いコンテンツ」とは何なのだろうか。 ユーザーにとって関連性の高いコンテンツとは、どのようにすれば作れるのだろうか。 「タイトルにキーワードを入れ、コンテンツにキーワードを7回入れる」といった手法は、まだ有効だろうか。 検索エンジンが時とともにどのように発達してきたのか、そしてどんな特徴が流行しその重要性が変動してきたのかを理解するべく、Sea

ferret編集部：2015年1月28日に公開された記事を再編集しています。 アフィリエイトを行ううえで重要視することが効率化です。 アフィリエイトは、成果が出るまでの労力はもちろん、コツコツ続けるためのモチベーション維持のためにも作業効率短縮は欠かせません。 今回は、本業でやっているアフィリエイターの方はもちろん、副業でやっている方にとってもオススメしたいツールをまとめました。 キーワード調査系ツール キーワード調査は、アフィリエイトにおいて最も重要と言えます。獲得するための戦略を決める際、扱う商材とキーワードを軸に練っていきます。 このキーワードによって、ユーザーがどういったことを求めているかを類推していく必要があります。 1.GoogleAdoworsキーワードプランナー Googleの提供する無料キーワード調査ツールです。アフィリエイターであれば、必須ともいえるツールです。 htt