schema.orgに基づく構造化のためのマークアップ
前回の記事で、google検索結果でのいろいろな見え方についてまとめました。 タイトル、パンくず、リッチスニペット、ナレッジグラフ、サイトリンクについて書きましたが、それぞれの「思った通りに表示されやすい」書き方について今回は詳しく書きたいと思います。 とは言っても、ナレッジグラフは他のユーザーの行 ...
東京ホームページ制作
Copyright (c) BRISK All Rights Reserved.
schema.orgに基づく構造化のためのマークアップ
前回の記事で、google検索結果でのいろいろな見え方についてまとめました。 タイトル、パンくず、リッチスニペット、ナレッジグラフ、サイトリンクについて書きましたが、それぞれの「思った通りに表示されやすい」書き方について今回は詳しく書きたいと思います。 とは言っても、ナレッジグラフは他のユーザーの行 ...
Google検索結果の見え方まとめ(リッチスニペット、ナレッジグラフ等)
検索エンジンの世界シェア9割を占めると言われるGoogle検索。 最近は(けっこう前から!?)Google検索の結果がいろんな見え方をすることにお気づきの方も多いでしょう。 それぞれの検索結果の見え方について調べた内容をまとめました。ちなみに、それぞれの設定方法についてはブラックボックスなので、こ ...
制作者と患者の視点から考えた 歯科医院サイト制作の際の5つの注意点
現在、コンビニより多いと言われる歯科医院の数ですが、その多さもさることながら、歯科医院ごとに本当に様々なホームページがあります。 おかげさまで弊社も歯科医院様のサイト制作の案件を頂いておりますし、私自身も現在は歯科医院に通っております。 制作者の経験と患者の視点から、他社サイトを参考にサイト制作の ...
星形レーティングプラグイン「RATE YO!」をスマホ対応してみた。
口コミサイトなどでよく見かける星形レーティング。 RateYo!というプラグインは、動きが軽快で使える関数もなかなかあり満足な動作をしてくれます(ただし、IE9以上)。他のプラグインではあまりない機能として小数点2桁までつけることもできます。 (function ($) { ...
コーポレートサイトのトレンド ~フラットデザイン・ゴーストボタン・モバイルファースト~
現在コーポレートサイトでトレンドとなっているデザインにはどのような特徴があるのでしょうか。 人気のフラットデザインやゴーストボタン、「モバイル・ファースト」の考え方をまとめました。 また、サイトのリニューアルを考える際にまずチェックすべき点を挙げてみましたので、ぜひ効果的なサイト制作にお役立て下さ ...
Googleモバイルフレンドリーの基準とは?スマホのhtmlコーディングで気を付けたいポイント
2015年4月21日から開始されるGoogleのモバイルフレンドリーについてスマートフォンサイトの制作会社として纏めてみました。 なぜGoogleのモバイルフレンドリーが必要か!? ユーザーにとってスマートフォンなどの携帯端末を使って、多くの情報を気軽に検索することは今や日常茶飯事に ...
失敗しないWordPressのリニューアル手順
最近WordPressが関係するサイトリニューアルを幾つも行っているので、手順を4つのケースに分けてまとめました。 個人的には、どのようなケースでもwebルート直下に「wp」などのフォルダを作ってその中にWordPress一式を格納するのが良いと思います。 利用する画像などもWo ...
初心者でも大丈夫!ホームページの見栄えをよくする写真の撮り方
見栄えの良いホームページデザインを作成するためには、 写真のクオリティを高める必要があります。 ホームページの種類にもよりますが、 優れたデザインのホームページには写真を多く使っているケースが多くあります。 TOPページの場合ページの半分近くは写真・画像を使っているサイトも増えてきました。 ホーム ...
レスポンシブデザインのコーディングの3つのポイント
PC用ページとスマホ用ページなど、横幅に応じた違うデザインを1つのhtmlで実現させちゃうレスポンシブデザイン。 最近多くのサイトで使われるようになってきました。 今回は、レスポンシブデザインにするメリット・デメリットは置いておいて、コーディングする際の自分なりのポイントを3つほどまとめてみ ...
Google Mapの背景色を変えたり、地名を減らしてシンプルにしたりする
ホームページにGoogleマップを載せたい時は、 Google → マップ → 設定 → 地図を埋め込む で、埋め込みコードをコピーして貼り付ければできます。 ホームページのテイストに合わせてGoogleマップを少し装飾したいときには、Google Map API を利用します。 以前の記事では、 ...