とあるweb屋の仕事術

10年以上現役のweb製作屋さん。web製作雑務全部やる。

Webサイト運用

meta descriptionのベストプラクティス。指定しない(Googleの自動抽出にまかせる)という考え方

サイトの meta description を指定せずにGoogleの自動抽出にまかせる方針のほうがよいのでは、という良記事の紹介です。 www.waca.associates 一部引用します。 実務的に考えると、meta descriptionを1ページずつしっかりと考えるのは、かなりの手間です。 H…

日本経済新聞Webサイト日経電子版のベータテスト/ベータ版「新しい電子版」デザインがいい感じ

日本経済新聞のWebサイト 日経電子版を見ててつい最近、 PCサイトのトップページのヘッダに 「新しい電子版で見る」のボタンが あることに気づきました。 ヘッダ左上に「新しい電子版で見る」のボタンが https://www.nikkei.com/ 左上にある青いボタンです。…

スマホサイトに記載されている電話番号は「<a href="tel:電話番号">」で電話発信用リンクにするべきか

スマホサイトにある 電話番号はリンクにすべきか問題。 店舗を取り扱っているWebサイト であればお店の電話番号が掲載されているし、 会社サイトであれば 会社概要に電話番号が掲載されています。 ECサイト、ネットショップであれば、 特定商取引法に基づく…

装飾とあしらいがうまい!記事の見出しタイトルとアイキャッチ画像のデザイン・処理が秀逸なサイト

記事タイトル、見出しの 装飾、あしらいがうまいサイトを 発見したのでメモ&ご紹介。 tokyofreelance.jp スマホサイトより PCサイトのデザインがいいですね。 スクショ貼ります。 記事タイトル、アイキャッチの処理が秀逸です アイキャッチを背景にひいて、…

クックパッドのプレミアムサービスのお試し利用に学ぶ、Webサイトやサービスを継続的に利用してもらう方法「ゲーミフィケーション」

WebサイトやWebサービスは 継続利用してもらってなんぼ、 ということで 継続的に利用してもらうにはどうすればいいか、 という点において少しヒントになるような良記事を紹介します。 shumaiblog.com ↑こちらの記事では少し古いですが クックパッドが有料で…

記事一覧の俯瞰性の高さが秀逸なメディアのWebサイト3選

Webサイトでは ほしい情報にいかに早くアクセスできるか、 情報が見やすいか、ということにおいて、 UI/UXが非常に重要です。 今回は独断と偏見と主観による 記事の一覧性、俯瞰性が秀逸だなと おもったメディアのWebサイトを紹介します。 ライブドアニュー…

広告バナーには規格がある!2カラムのWebサイトのサイドカラムの幅は広告バナーサイズを基準にするといい

モバイルファーストな世の中ですが、 今日はPCサイト寄りの話。 モバイルファーストとはいえど、 モバイルサイトのデザインオンリーで 考えるクライアントはまだまだ少ないです。 モバイルファーストだけど PCサイトもしっかり構築する、 というかんじ。 ス…

メインビジュアルにスライドショー、カルーセルUIを採用しても意味ない問題

トップページの最上部、 ファーストビューによくある カルーセルUI、スライドショーのあれ。 メインビジュアルとか キービジュアルとか ヒーローヘッダとか いろいろ呼び名はありますが、 とにかくスライドして大きな イメージが流れるあれ。 すっかり定番の…

Bingのクローラーからの大量アクセスによりサイトがダウンしかけた話

日々、世界中のWebサイトの情報を収集する クローラー。 僕の勤めている会社では 大手のクライアントのwebサイトのサーバ保守も やっているのですが、数年前にこのクローラーが 大量にアクセスしてくることでサーバに負荷が かかり、サイトがダウンしかけた…

簡単なお問い合わせやアンケートに便利。webサイトのフォームにはGoogleフォームを活用しよう

当ブログにはそういえば お問い合わせページがなかったのですが、 先ほどGoogleフォームで作成しました。 www.google.com はてなブログでは お問い合わせフォームを作成する 機能がないようで、調べてみると Googleフォームを利用している方が 多かったので…

会員登録率アップの魔法のことば。「会員登録は30秒で完了します」は優れた会員登録へのアプローチ

webサイトやwebサービスで ユーザに疎まれる機能のひとつに会員登録機能があります。 本当にめんどくさい。 コンテンツを利用しようとしたときに出てくるログイン画面と会員登録への導線。 ユーザの皆さん、うざいと思ったことあると思います。 「面倒だから…

修正が反映されない!?webサイトの修正、更新でハマりがちな「キャッシュ」

HTMLやJavaScript、CSSを確かに 修正・更新したはずなのに、 webサイトに内容が反映されない。 そんな現象にでくわしたらキャッシュを 疑いましょう。 キャッシュを知らない新人webデザイナーがハマっている ケースを何度か見てきました。 新人でなくても、w…

会員登録フォームでメールアドレスを2回入力させるのどうなの問題。導入したらクレームの問い合わせが減った例

会員登録フォームでたまーにある メールアドレス間違え防止のためのフォーム、 ありますよね。 「確認用に再度メールアドレスをご入力ください」 というやつです。 メールアドレスを入力したすぐその下にあるやつですが、 これ意味なくない?というのが僕の…

多言語サイトの言語切り替えのUIの考察

先日、受託案件で 多言語サイトの案件があったのですが、 そのときに少し考えた話。 多言語展開のwebサイトでは 言語の切り替え機能があります。 言語の切り替え機能は、 主に以下のUIパターンが考えられます。 プルダウンでの言語選択式 ヘッダ、フッタなど…

1アカウントのGmailで複数アドレスを使う!WebサイトやWebサービスの検証に便利なGmailの「エイリアス」

ログインや会員登録などが必要な Webサイト、Webサービスを開発実装する際に 複数のメールアドレスを使用して動作の確認など をすることがあります。 その際に便利なのがGmailのエイリアス。 特に何の設定もせずに、ひとつのGmail アカウントで複数のメール…

全国規模・全国展開のWebサイトのエリア検索のデフォルト値はよく利用される地域か現在地にする

全国規模、全国展開のコンテンツを取り扱う Webサイト/Webサービスではエリア検索や 地域ごとの情報に出し分けて表示しています。 取り扱うコンテンツの特性にもよりますが、 基本は利用者が多い地域をメインにもって くるとよいです。 どこかの地域に特化…

全国展開コンテンツのWebサイトでのエリア選択に日本地図はいらない問題

Webサイトは四角い...という話は 以前しましたが、今回もそれに近いお話。 日本全国の各地域で展開するサービスや 業界などのWebサイト、Webサービス案件は ごろごろありますよね。 そこで必ずある機能が地域・エリアごとの 検索やコンテンツです。 たとえば…

メルマガ運用するならメルマガ開封率とクリック経路をGoogleアナリティクスで計測しよう

先日紹介したHTMLメルマガ作成の記事に付随して、 www.toaru.jp メルマガ開封率や、 メルマガ経由でアクセスされたかどうかを 集計する方法も調べたので、 参考になったサイトをご紹介します。 受託でWebサイトの保守をしていると、 ちゃんと集計や開封率、…

webサイトの不具合を素早く解決するコツ

webサイトは生モノで、 生き物のように日々変化しています。 動的なwebサイトでは毎日コンテンツが 更新されますし、デバイスやOS、ブラウザ などwebサイトを取り巻く環境まわりの環境も 変わっていきます。 そのためwebサイトは、問題や課題、改善点 が常に…

楽天市場のネットショップのHTMLがtableタグ、tableレイアウトの理由

楽天市場のネットショップは、 数々の企業が出店しています。 出店申し込みからなんやかんやして RMSという店舗運営システムを利用して ネットショップを構築していきます。 www.rakuten.co.jp 通常の楽天RMSでは レイアウトなどにいろいろと 制限があり、あ…

HTMLメルマガ作成はこれだけ見ておけばOK!参考になる記事まとめ

先日HTMLメルマガを実装する機会が あったので、作成の参考にした良記事を まとめておきたいと思います。 検索するといろいろなメルマガテンプレートが ありますが、各種メールソフトで確認すると、 実用に耐えうるレベルじゃないものが多いなという 印象を…

パスワード自動発行のシステム実装ではわかりにくい文字列を排除する

会員登録するときに、ログインIDとパスワードを設定するwebサービスは多いと思います。メールアドレスをログインIDとしたり、パスワードは自分で決めたものにするのか、自動発行するパタンもあると思います。 自動発行する場合に、ユーザごとにランダムの英…

運用負担が激減。WebサイトやWebサービスは「よくある質問」を充実させろ

受託でWeb制作10年以上やってます。 そうするといろんなWebサイト、Webサービスの 立ち上げや運用に携わります。 BtoBのものもあれば、 BtoCのものもいろいろ経験してきました。 今回は主にBtoCのWeb運用の話。 そのWebサイト/Webサービスのユーザ層にも よ…