ノウハウ(ブログ)一覧All Know-How (Blogs)
-
JavaScript
素のJavaScriptでタブ切り替え(タブパネル作成)
タブパネルを素のJavaScriptを使って(jQueryなしで)作成する方法についてご紹介します。 できるだけHTMLの仕様に基づいたものとしています。JavaScriptはクリックしたときの動作の…<続きをみる>
-
UX
ユーザビリティ上のよくある問題と施策
ある程度ホームページを念頭に、ユーザビリティ上ありがちな問題と、改善の施策をご紹介したいと思います。 メニュー文言と実際の内容が一致しない これは最も生じる種類の問題です。ユーザビリティテストを実施し…<続きをみる>
-
UX
なぞる操作は必然だった?ユーザビリティテスト(ユーザーテスト)のススメ
使い勝手をテストするために、仮想ユーザーにタスクを与えて操作してもらうテストのことをユーザビリティテストまたはユーザーテストと呼びます。私は大手総合電機メーカーのデザイン部門にいた際に、このテストを数…<続きをみる>
-
HTML&CSS
img要素をdiv要素で囲う意味:横に文章がある画像をブラウザの幅に応じて伸縮させる方法
img要素をどうしてdiv要素で囲うのだろう?ごちゃごちゃするだけじゃない?と思ったことありますか?意味もなく慣習的に行っている場合もあれば、ブロックの単位を分かりやすくするため、という場合もあると思…<続きをみる>
-
JavaScript
querySelectorAllで取得した要素をforEachで回す
JavaScriptで、document.querySelectorAll()で取得した要素をforEachで回す方法をコピペ用に残します。他にも方法はありますが、IEのサポートを考えなくてよければ記…<続きをみる>
-
SEO
ビッグキーワードで上位も狙えるサイト内リンク構造「トピッククラスター」
サイト内のリンク構造がSEOに大きな影響を及ぼすというのをご存じでしょうか? 検索数が多く競合も多いような検索キーワードをビッグキーワードと呼び、上位に表示させるのは難しいですが、それでも上位を狙う場…<続きをみる>
-
SEO
SEO、ブログにおけるターゲットキーワード選定の方法・ステップ
ターゲットを決める。これはSEOに限った話ではなく、そもそも事業を始めるにあたって大事なことですよね。にも関わらず、ターゲットキーワードが意識できていないホームページは非常に多いです。 そもそもターゲ…<続きをみる>
-
SEO
クリック率向上に寄与したFAQの構造化マークアップはリッチリザルトとして表示されなくなりました
FAQの構造化マークアップをすると、検索結果画面にリッチリザルトとして表示されることがありました。この記事はまだ表示されていた頃に書いたものがベースになっていますが、現在は表示されなくなっています。F…<続きをみる>
-
HTML&CSS
Googleマップをレスポンシブ対応でいい感じにホームページに表示する方法
会社、事業所、お店などの場所をホームページに地図で示すのに、いまやほとんどはGoogleマップが使われていることでしょう。ストリートビューで細かく確認もできますからね。それをレスポンシブデザインの状態…<続きをみる>
-
SEO
サブドメインとサブディレクトリの違いと使い分け、ルートドメインも含めてSEO対策の観点で解説!
ホームページを公開するのに必要なドメイン。まず名前を決めなければなりませんが、SEO対策の考慮事項のひとつとして、将来的な計画も踏まえて、それぞれのサイトをどういう構成にするかがとても重要だというのを…<続きをみる>
-
SEO
SEOのために類似語・同義語を併記する効果について
SEOでは、タイトル(titleタグとh1タグ)に検索キーワードが入っていることが重要です。titleタグとh1タグについての詳細は下記の記事を参照いただければと思います。 SEO対策で重要なtitl…<続きをみる>
-
SEO
被リンクとは?SEO対策として戦略的に獲得する方法
SEO(Search Engin Optimization)対策は、大きくは「ベースの作り」「コンテンツ」「サイト外からの評価」の3つに分けて考えることができます。このうちの3つ目を外部SEO対策と呼…<続きをみる>
-
サイト制作プロセス・運用
ホームページ制作会社・業者の依頼ポイント5つと選び方
ホームページ制作を行う会社、業者は数多くありますよね。ウェブ制作業者掲載数No.1を謳っている優良Webで、本記事執筆時点で掲載数が全国で10,821社と書かれています。コンビニエンスストアの国内店舗…<続きをみる>
-
SEO
1ページ内の文字数とSEOの関係
ホームページでは、そのホームページのテーマを決めて、そのテーマに関連する記事を多く書くことがSEO対策として効いてきます。これをコンテンツSEOと呼びます。よく、1ページ内の文字数はどのくらいが適切か…<続きをみる>
-
SEO
ウェブ集客(ウェブマーケティング)の各種手法とそれぞれの特徴
ウェブマーケティング、すなわちウェブ集客、ウェブによる宣伝や販売促進の活動の方法は多様化しています。現在ある主なウェブマーケティングの手法と、それぞれのメリット・デメリット含めた特徴をご紹介します。 …<続きをみる>
-
PHP
PHPで改行含む文字列を出力する方法「ヒアドキュメント」
PHPでは、改行を含む文字列を出力することができる「ヒアドキュメント」という仕組みがあります。問い合わせ内容を自分宛に、自動返信のメールを送付者側に送る問い合わせフォームで大変便利で、この仕組みを知っ…<続きをみる>
-
WordPress
WordPressとhtmlファイルの共存方法と、そのメリット・デメリット
私は0からウェブサイトを作る場合は現時点、htmlファイルは用いずWordPressのみで制作しますが、htmlファイルで構成されたホームページにWordPressを加えたいというニーズは少なからずあ…<続きをみる>
-
WordPress
WordPressでオリジナルメニューを作り、そのアイコンもオリジナルにする
WordPressでテーマをインストールするとそのテーマ専用のメニューが表示されるようになると思いますが、そのようなオリジナルなメニューを作る方法と、表示するアイコンまで変えてしまう方法をご紹介します…<続きをみる>
-
SEO
共起語とは?SEOの効果と使い方
共起語とは、特定のキーワードと同時にページの中でよく使われるキーワードのことを言います。元々あった日本語ではなく、英語のco-occurenceから作られた言葉です。 共起語を調べながらコンテンツを練…<続きをみる>
-
WordPress
WordPressで投稿タイプの取得やページネーションの表示がうまくいかないとき
WordPressで、投稿を表示しようとして、投稿タイプを指定しても絞られなかったり、ページネーションが表示されなくて困っていますか? ここでは、その時にまず確認してもらいたいことをご説明します。 固…<続きをみる>