サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
体力トレーニング
digitalidentity.co.jp
Chat GPTは、AI研究所であるOpenAIが開発した会話型AIサービスです。ベースとなる大規模言語モデルはGPT-3.5、もしくはGPT-4です。 Bingはマイクロソフトが提供する検索エンジンで、AIチャット機能が利用できます。BingのAIチャット機能はChat GPTがベースになっていますが、GPT-4を検索専用に開発した大規模言語モデルが搭載されています。 BingのAIチャット機能は、Chat GPTと異なりインターネットに接続されているため、最新の情報を収集可能です。Google Birdについても、Google検索との連動が前提ですので、インターネット接続されており、最新情報にアクセスできます。 またBingのAIチャット機能では、回答の参照元となるWebページへのリンクが表示されます。参照元を自分の目ですぐに確かめられるリンク機能は、AIの回答の不確実性を人の目でカバ
HOME薬機法薬機法(旧:薬事法)のNGワードをチェック!表現や言い換えのコツと注意点を解説 薬機法(旧:薬事法)のNGワードをチェック!表現や言い換えのコツと注意点を解説 TanakaYuta SEO Div. コンサルタント 現在までに100社以上のSEO対策に従事し、様々なジャンル・キーワードで上位表示を実現。薬機法管理者の資格を有しているいること、SEOライターとして自身でもライティングができることから、広告表現が難しい医療・美容・健康を得意領域としている。「成分名」や「〇〇 効果」などの難関キーワードでの上位表示実績多数。SNSでの情報発信にも力を入れており、約10,000名のフォロワーを獲得している。 薬機法は、2014年以前は「薬事法」として定められていましたが、改正以降はより定義や取り締まりが厳しくなりました。多くの事業者や広告代理店、アフィリエイターの方々も「どこまで表現
HOMESEO【NG例付き】EC・不動産・求人サイト運用者必見!プロが語る大規模サイトSEO 【NG例付き】EC・不動産・求人サイト運用者必見!プロが語る大規模サイトSEO KanekoYoshiaki SEO Div. チーフコンサルタント 2014年よりSEOアナリストとしてさまざまな規模・業種のサイトを担当。 WordPressやMovable Typeのユーザーコミュニティが主催するセミナーへの登壇経験多数。制作・システムサイドの知見を活かし、不動産サイトや超大規模ECサイトなどの複雑なサイトへのSEOコンサルティングや、リニューアル時のSEO基盤形成などを得意とする。 Web上でビジネスをするうえで、サイトへの集客施策を万全にしておくことは最重要課題です。さまざまな施策があるなかでも特にSEOは、潜在層から顕在層まで幅広い見込み顧客を獲得できる施策です。 とはいえ、ECサイトや求
HOME制作MT (Movable Type)案件で利用するプラグインをまとめてみました。MTプラグインを使って機能拡張しよう! MT (Movable Type)案件で利用するプラグインをまとめてみました。MTプラグインを使って機能拡張しよう! この記事は Movable Type Advent Calendar 2020 の21日目の記事です。 DI制作チームの能勢です。最近は、ほとんどのウェブサイト構築案件でCMS(コンテンツ・マネジメント・システム)が利用されています。管理画面からページ作成や編集ができ、画像をアップロードしたりPDFをアップロードしたりと、ウェブサイトで想定されるさまざまなケースに対応することができます。 今回は、Movable Type (MT) 案件で利用されるプラグインをまとめてみました。これからMTでサイト構築する人の何かしらの手助けになればなと思ってます
HOME制作UI/UXUI Stackに基づいた状態変化に強いUIを作ろう! UI Stackに基づいた状態変化に強いUIを作ろう! こんな思いをしたことはありませんか? 「ページの読み込みに時間がかかっているけど、画面が真っ白で読み込み中なのかエラーなのかわからない…」 「ブログの記事数が少なくて、ページとしては寂しい…」 「404ページがサイトのデザインと異なっていて、びっくりした…」 ユーザーに不安な気持ちを与えるページを作っていませんか? ページの構成・デザインを考える時は「UI Stack」を基準に考えるとユーザビリティの高いページを作成できます。 UI Stackとは UI Stackとはアメリカのデザイナー Scott Hurffさんが提唱した、「UIの考慮すべき5つの状態」という考え方です。 出典:How to fix a bad user interface 5つの状態と
動画のスタイルを決める 動画のスタイルにもいくつか種類があり、「起承転結」型や「特定の言葉を印象付ける」スタイル等があります。商材やサービスをどのようにユーザーに魅せるのかを考える必要があります。 今回は「起承転結」型の動画の構成について詳しく説明していきます。 動画の用途や目的ごとに動画時間を定める。1フレームごとにユーザーに何を伝えたいかを明確にして作成する。 例えば、15秒の動画であれば、 『起』の3秒で「導入」 『承』の5秒で「商材の紹介」 『転』の4秒で「今ならセール中!」と惹きつけ、 『結』の3秒で「問い合わせ先・企業の紹介」をする。 というシナリオが考えられます。 1つの動画を1つの媒体にしか載せない場合は、これだけで充分です。 しかし、1つの動画を複数媒体に載せたい場合や、いくつかの動画でABテストを行い、成果の良いものを検討したい場合は、次の進め方が効率的です。 動画時間
提供しているサービスや商品が、顧客の課題を解決できる適切な市場で受け入れられている状態を指す「PMF(プロダクトマーケットフィット)」について、概要や達成までのプロセス、検証方法までわかりやすく解説します。 スタートアップ企業や新規事業を始める方は必見です。ぜひ商品・サービスの開発や改善の参考にしてみてください。 PMF(プロダクトマーケットフィット)とは? PMF(プロダクトマーケットフィット)とは、提供しているサービスや商品が、顧客の課題を解決できる適切な市場で受け入れられている状態のことを指します。 ソフトウェア開発者のマーク・アンドリーセンが広めた概念と言われ、ベンチャー企業や新規事業を始める際によく聞く言葉です。 昨今世界では趣味や考え方、ライフスタイルが多様化しており、それに伴い提供されているサービスや商品も増えています。 そんな中、PMFに到達していない状態、つまり適切な市場
サイトを制作するときに使うCSS。 しかし、サイトのページ数が多かったり、機能が多いとCSSがどんどん複雑になってしまいますよね… 「もっと効率的にCSSを書いて、運用を楽にしたい!」と思うことはありませんか? そんなときに使えるのがSassです。 この記事では、Sassとはどういうものなのか、Sassの使い方、Sassを使うメリットとデメリットについて解説していきます。 Sassとは Sassとは、「Syntactically(文法的に) Awesome(イケてる・すごい) StyleSheet(スタイルシート)」の略です。 Sassはハンプトン・キャトリン氏が設計し、ネイサン・バイゼンバウム氏が開発した、CSSのメタ言語になります。 メタ言語とは、ある言語についてなんらかの記述をするための言語で、特定のルールを加えて具体的な応用を可能にするものです。 つまりSassは、「CSSを拡張し
HOMESEOAMPWebサイトの表示速度の計測&改善方法を徹底解説! Webサイトの表示速度の計測&改善方法を徹底解説! Webページの表示速度が遅いと、どんなデメリットがあるかご存知ですか? 本記事では表示速度がもたらす影響と代表的な表示速度の確認方法であるGoogle PageSpeed Insights、Google Analytics、Chromeデベロッパー・ツールの使い方をご紹介します。 さらに、具体的な表示速度の改善方法に加え、ユーザーの体感速度を向上する最新の技術までを解説します。 サイトリニューアルを検討されている方は、こちらの記事をご覧ください。 【見積付き】Webサイトリニューアルの費用を決めるときに担当者が検討すべき5つのポイント また大規模サイトを運営されている方は以下の記事をご覧ください。 表示速度だけでなくその他のSEOの基礎知識もご紹介しております。 大規
「サイトのアクセス数を増やしたい」「SEO対策での最適なキーワードの選定方法を知りたい」「キーワードの選定でおすすめのツールを知りたい」といった悩みをお持ちではないでしょうか。 サイト内に質の高い記事やノウハウがあっても、キーワードの選定が適切でなければ、ユーザーに届けることはできません。そこで本記事では、あなたのサイトのアクセス数を増加させるために必要な、キーワードの選定方法について、5つのステップでお伝えします。 キーワードを選定する際に、便利な無料ツールも併せてご紹介するので、ぜひ参考にしてください。 SEOにおけるキーワード選定の重要性 まずはじめに、「SEO」「キーワード選定」の基本と重要性を押さえておきましょう。 そもそもSEOとは SEO(Search Engine Optimization)とは、「検索エンジン最適化」を意味し、GoogleやYahoo!などの検索エンジンで
みなさんは「HTML、CSS、JS」の違いや役割を、さっ と答えることができますか? なんとなくは分かっていても、具体的に何をしていくものなのか分かっていない方も多いのではないでしょうか? そんな方に向けて紹介していきたいと思います♪ HTMLとは 正式名称は「HyperText Markup Language(ハイパーテキスト・マークアップ・ランゲージ)」。 略して「HTML」といいます。 簡単に言うと普段みなさんが目にするWebページの土台を作るための言語ですね。 言語といっても、日本語や英語のような自然言語ではなく、「マークアップ言語」と呼ばれるコンピュータに文書構造を伝える命令を出す為の言語になります。 Webページは、HTMLでマークアップされることによって、見た目が形成されます。 HTMLのバージョン HTMLといっても、様々なバージョンがあります。 最近では、ほとんどHTML
HOME制作Google Fontsとは?使い方や人気のフォントをご紹介! Google Fontsとは?使い方や人気のフォントをご紹介! 私たちが普段閲覧しているWebサイトは、デバイスフォントやWebフォントを利用して文字を表示させています。画像テキストに比べ、Webフォントを利用することで、デザイン性を高めるだけでなく、SEO効果を保つことができます。 さらに、画像テキストと異なり、レスポンシブウェブデザインにおけるフォントサイズやテキストの折り返しを自動で調節するという利点もあります。この記事では、Webフォントの種類やGoogle Fontsの使い方、人気のフォントについて解説していきます。 ブラウザに表示に使われるフォントとは Webサイトで表示されるフォントはPCのOSやスマートフォンの端末によって異なっていたことを知っていますか?なぜそのようなことが起こるのか、Webフォン
HOMESEO2021年のSEOはどうなる?2020年のSEO振り返り・2021年の展望と予測 2021年のSEOはどうなる?2020年のSEO振り返り・2021年の展望と予測 KanekoYoshiaki SEO Div. チーフコンサルタント 2014年よりSEOアナリストとしてさまざまな規模・業種のサイトを担当。 WordPressやMovable Typeのユーザーコミュニティが主催するセミナーへの登壇経験多数。制作・システムサイドの知見を活かし、不動産サイトや超大規模ECサイトなどの複雑なサイトへのSEOコンサルティングや、リニューアル時のSEO基盤形成などを得意とする。 こんにちは。デジタルアイデンティティの金子です。 普段、大小さまざまなウェブサイトのSEOコンサルティングをやらせていただいています。 2020年は本当に色々なことがあった1年でした。1年前の今ごろは、こんな風
gulp(ガルプ、以下gulp)とはどういうものかご存じですか? gulpとは、タスクを自動化するツールの一つで、画像の圧縮などに使われています。 この記事では、そもそもgulpとはどういったものなのか、インストールの方法、使用例などを、わかりやすく解説します。 gulpってなに? gulpとは gulpはNode.jsをベースとしたタスクランナーの一つです。 タスクランナーとはWebサイト構築に必要な処理をタスクとして自動化してくれるプログラムで、作業の効率化に使われています。 gulpを使うことで以下のような手間や時間がかかる作業を自動化できます。 cssにベンダープレフィックスをつける cssのプロパティをアルファベット順に並べ替える ソースマップの作成 SassやLESSのコンパイル 画像(jpeg, png, gif)、css、javascriptの圧縮 PC・スマホ・タブレット
HOMEマーケティングGoogleオプティマイズの使い方‐導入方法から改善まで徹底解説 Googleオプティマイズの使い方‐導入方法から改善まで徹底解説 LPや運用型広告の成果を最大化させるためには、A/Bテストが重要です。ただやみくもに施策を試しては、成果に繋がらない、逆に悪化したということになりかねません。 また効果の最大化を図るため、A/Bテストを行うにはコストがかかります。しかし、Googleオプティマイズは、無料ツールのため、コストをかけることなくA/Bテストを行うことが可能です。 この記事では、Googleオプティマイズで行えるテストの種類や設定方法、そして結果を出すための分析・改善方法まで詳しくご紹介いたします。 Googleオプティマイズとは? 「Googleオプティマイズ」とはGoogleが提供する無料A/Bテストツールです。Googleアナリティクスと連携することで計測
HOME制作JavaScriptをサーバサイドで動かせる!Node.jsの魅力とは? JavaScriptをサーバサイドで動かせる!Node.jsの魅力とは? みなさん、Webアプリケーションを制作する時、サーバサイドはどの言語で書いていますか? PHP、Rubyなど様々なプログラミング言語がありますが、実は通常クライアントサイドで用いられるJavaScriptもサーバサイドで動かすことができるのです。 それが、JavaScriptのライブラリであるNode.js(ノードジェイエス)です。 このNode.jsは、様々なところで使用されているものになります。 この記事では、Node.jsとは一体何なのか、Node.jsの魅力は何か、Node.jsのメリット及びデメリットについて解説していきます。 クライアントサイドとサーバサイド そもそも、Webアプリケーションを作る際に使われるプログラミン
自社サイトの流入が増えない。企業名・サービス名などの指名キーワードでしか、検索結果に上位表示されない。このような場合、正しいSEO対策ができていないのかもしれません。 今回はそもそもSEOとはなにか、SEOのチェック・診断方法はどうすればいいのか、また、チェックに役立つツールはあるかをご紹介します! そもそもSEO対策とは? SEOはSearch Engine Optimizationの頭文字をとったもので、日本語では「検索エンジン最適化」と呼ばれています。検索エンジンでユーザーがなにかを検索した際、対象サイトを上位表示させるため、各企業ではSEO対策を進めています。 検索エンジンは、Google・Yahoo!・Bing・DuckDuckGo・百度・NAVERなど世界各国に様々なものが存在しますが、日本で使用されている検索エンジンの9割はGoogleとYahoo!になっています。また、Ya
HOME制作色彩と心理の関係-「配色」をブランディングに活かそう! 色彩と心理の関係-「配色」をブランディングに活かそう! Webサイトの印象やUI・UXを考える上で欠かせない、色の配色。色は人に大きな影響を与えます。 配色をうまく利用することで、マーケティングやブランディングに活かすことができます。 UI・UXに関してはこちらをご覧ください。 【UI/UXとは?】UIとUXの違いとデザインの改善案 とはいえ、「どのようにサイトの色合いを決めていけばいいの?」「押さえておかなきゃいけないポイントはどこなんだろう?」とお悩みの方も多いでしょう。 この記事では、人は色からどのような影響を受けるのか、各色が与えるそれぞれの印象、Webサイトの制作で押さえておくべきことを解説します。 色が人に与える影響 そもそも、人は色からどのような影響を受けるのでしょうか。 人が色から受ける影響を大きく分けると
ウェブサイトやウェブアプリケーションで、アイコンを表示させたいときってありますよね? 例えば、矢印、チェック、コピー、TwitterやFacebook… そんなときに使えるのがFont Awesomeです。 この記事では、Font Awesomeとはなにか、Font Awesomeの使い方、Font Awesomeの加工の仕方について解説していきます。 Font Awesomeとは Font Awesomeとは、商用利用が可能で、自身のウェブサイトやアプリケーション、WordやPDFなどのドキュメントにも埋め込めるWebアイコンフォントです。 Webアイコンフォントとは Webアイコンフォントとは、pngやjpgとは違って、拡大しても粗くなることはなく、色やサイズなどを簡単に変えることができます。 Font Awesomeの5つのタイプ Font Awesomeでは、 Solid Regu
HOME制作Vue.jsを効果的に使ってWebサイトをリッチに作る!Nuxt.jsとは Vue.jsを効果的に使ってWebサイトをリッチに作る!Nuxt.jsとは Webサイトを制作するときに、そのサイトの規模が大きくなればなるほど、効率的にコードを書き、それを運用できる方がいいですよね? そんなときにおすすめなのが、Nuxt.js(ナクストジェイエス)です。 Nuxt.jsによって、学習が比較的簡単で、SPAやPWAなど最新のWebサイトがすぐに設計できます。 この記事では、Nuxt.jsとはなにか、Nuxt.jsを使うメリット、Nuxt.jsに向いているサイトについて解説していきます。 Nuxt.jsってなに? Nuxt.jsは、2017年以降急速に普及しているVue.js(ビュージェイエス)のフレームワークです。 フレームワークとは、コードが使いやすく「型」になったもののことです。
ブランドリフト調査の方法 前項ではアンケート調査の手法についてご紹介しました。 とはいえ、「じゃあ、どうすればブランドリフト調査ができるの?」といった疑問を持つ方は多いでしょう。そこで、ここからはブランドリフト調査の方法についてご説明します。 ブランドリフト調査の方法は以下の3つがあります。 広告配信プラットフォームを利用する 調査会社に直接依頼する Brand Lift Optimizerを利用する それぞれについて詳しくみていきます。 広告配信プラットフォームを利用する 広告配信プラットフォームを利用することで、ブランドリフト調査が可能です。 利用できる媒体は多数ありますが、ここでは代表的である以下の5つの媒体をご紹介します。 Google LINE Ads Platform Facebook Ameba Yahoo!Japan 1.Google Googleが提供している「ブランド効
他にも、投稿ごとのインサイトやストーリー、フォロワーに関するインサイトも確認することができます。のちほどお話しますね! 広告が出稿できる 通常、インスタの広告はFacebookの広告管理ツールから配信しますが、ビジネスアカウントにすることで、インスタのプロフィールにある「広告」や投稿画面の「宣伝」から広告出稿ができる用になります。 「広告」または「宣伝」をタップしたら、画面に出てくる指示通り目的や予算、ターゲットや期間などを設定しましょう。 インスタをビジネスアカウントにした時のデメリット アカウントを非公開にできない ビジネスアカウントを作成した場合、非公開アカウントにはできません。主に集客に使うので非公開にする必要はないと思いますが、覚えておきましょう! インスタをビジネスアカウントに切り替える方法 インスタのアカウントを作成しよう インスタのアカウントをまだ持っていない場合は、まずア
近年、Google for Jobsが日本でもローンチされたことをきっかけに、「構造化データ」に注目が集まっています。とはいえ、「構造化データってなに?」「記述方法は?」などと疑問を持っている方は多いのではないでしょうか? そこで今回は、今話題の「構造化データ」について初心者の方でもわかりやすくご紹介します。 構造化データを含め、無料のSEO診断を希望される方は下記リンクからお申し込みください。 構造化データとは、HTMLで書かれた情報を検索エンジンに理解しやすいようにタグづけしたものです。 以前までの検索エンジンは、HTMLで書かれた文字列を単なる記号として認識することしかできず、その文字列の意味まで理解することは難しい状況でした。例えば、「デジタルアイデンティティ」という文字列を会社の名前だと判断することは困難でした。 そこで、「デジタルアイデンティティ」を単なる文字列として認識し、蓄
HOME制作Vue.jsとは?jQueryとの違いや使用のメリットを紹介 Vue.jsとは?jQueryとの違いや使用のメリットを紹介 Webサイト制作で、アニメーションなどの動きをつけたり、少し複雑な機能をつけたりしたいと思ったことはありませんか? そんなときは、JavaScriptを使いましょう! しかし、JavaScriptを逐一記述するのは大変です。 そこで、JavaScriptのフレームワーク、Vue.jsを使うのがおすすめです。 今まではJQueryが使われていましたが、それに代わって今、Vue.jsが注目を集めています! この記事では、Vue.jsとはなにか、Vue.jsを使うメリット・デメリットはなにか、Vue.jsとjQueryなどとの違いについて解説していきます。 Vue.js(ビュージェイエス)は、クライアントサイドで使われるJavaScriptのフレームワークです。
ここからはPWAでどんなことができるのか、PWA導入のメリット・デメリットを見ていきたいと思います。 しかしその前に、スマートフォンアプリの現在の市場を再確認していきたいと思います。 そうすることで、PWAを採用することを検討すべき理由がお分かり頂けるでしょう。 『モバイル市場年鑑2019』を読み解く アプリケーションの調査会社の世界最大手のApp Annie社が、『モバイル市場年鑑2019』を発表しています。 今回は、この中から一部のデータをご紹介していきます。 アプリダウンロード数は35%増 スマートフォンアプリのダウンロード数は、全世界で1940億にもなり、2016年から35%の増加になっています。 これだけ見ると、スマートフォンアプリの市場は非常に大きいものと思われます。 特に、新興国では市場が拡大しています。 日本のアプリストアでの消費支出は横ばい さらに、世界全体のアプリストア
IshizuRyo 株式会社デジタルアイデンティティに2018年入社しました。 入社1年目の石津 諒です 好きなことはカメラ、食べることです よろしくお願いします! 皆さんは「ABテスト」という単語をご存知ですか?あるいは、使ったことはありますか? 広告配信者やサイト運営者なら一度は耳にしたことがあるのではないでしょうか。 ここでは、「ABテスト」の意味を知らないという方や、単語は聞いたことがあるけれど実際に何をするか分からない、おおむね知っているけれどより詳しく知りたい…という方に向けて、ABテストの概要や方法について解説していきます。 そもそもABテストってなに? ABテストは、WEBマーケティングにおける手法の一つです。 WEBサイトや広告のバナー等の画像をAパターンとBパターンの2パターンを用意して 「どちらがより良い成果を出せるのか」ということを検証するものです。 場合によっては
今や多くの人が利用しているインターネット。 各Webサイトにも色々な写真や画像が乗っていたりして、見ていて飽きないですよね。 普段見慣れたサイトに貼られている何気ない画像ですが、その一つひとつの画像には「alt属性」というテキスト情報の設定ができます。 聞きなれない方も多いかもしれませんが、今回はそんな「alt属性」について、概要やSEOとの関係、記述方法や設定の際の注意点などをご紹介します。 まず、そもそもalt属性とは何のことなのでしょうか。 alt属性(オルト属性)とは、画像の代わりとなるテキスト情報のことです。 万が一画像が表示されなかったときに代替手段(alternative)として表示させるための文言と定義され、「代替テキスト」とも呼ばれています。 alt属性の効果とメリット 次に、alt属性の効果・メリットについてご紹介します。 alt属性を適切に記述することで、検索エンジン
HOME制作簡単にコードを実装してシェアできる!超便利なjsFiddleの使い方 簡単にコードを実装してシェアできる!超便利なjsFiddleの使い方 みなさん、Webサイトを制作していて、コードの動作を確認したい時ってありますよね? そんな時に、ローカルサーバーを立ち上げて、コードを書くというのは面倒ですよね。 ましてや、シェアしたい時に、ファイルを全部送って、相手にブラウザで開いてもらって、というのは尚更です。そんな時に役に立つのがjsFiddleです。 jsFiddleでは簡単にコードを実装して、それを共有することができます。 さらには、Webサイトにコードを埋め込むこともできます。 今回は、そんな超便利なjsFiddleについて解説します。 jsFiddleってなに? jsFiddleは、簡単にHTML、CSS、JavaScriptのコードが実装できて、その動作を確認できるWebサ
HOMESEO内部施策・SEO周辺技術サイテーションって何?MEOについても詳しくご紹介! サイテーションって何?MEOについても詳しくご紹介! 「引用・言及」という意味を持つサイテーション(Citation)。 実はこのサイテーション、SEOの観点ではとても重要な指標なのです。 とはいえ、「サイテーションって何?」「聞いたことはあるけど、具体的に何を示しているか分からない…」という方も多いでしょう。 今回はそんな「サイテーション」について詳しく解説します。 サイテーション対策をしていない方やWebでの集客を狙っている方はぜひご覧ください。 サイテーションとは SEO業界でいうサイテーションとは、被リンクやa要素のリンクではない、他サイトからの引用・言及のことです。 「そのテーマについて、オンライン上でどれだけ語られているか」と言い換えてもいいかもしれません。 検索エンジンは被リンクを評価
次のページ
このページを最初にブックマークしてみませんか?
『株式会社デジタルアイデンティティ-Digital Identity Inc.』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く