とあるweb屋の仕事術

とあるweb屋の仕事術

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

Webサイト運用

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

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

最近よく見かけるCookieの使用を宣言したり使用にクッキーの使用に同意するUIはGDPR対策の一環

海外のサイトでよく見られる Cookie使用に同意するUIや クッキーの使用を宣言して ユーザに案内を促すUI。 ここ最近では少しづつ、 日本のWebサイトでも 見かけるようになってきました。 CNET Japan CNET Japan のサイトではフッターでCookieの使用宣言と同…

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

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

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

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

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

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

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

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

1画面内に自動で動く要素を2箇所以上いれないようにデザイン設計をしよう

リッチなUIが多くなってきた昨今の Webサイト。 ブラウザでの表現も豊かになり、 情報の見せ方が多様になってきています。 見栄えがいいからと言って、 なんでもかんでもリッチにすれば いいというわけではないので 基本、1画面内に動く要素が2つ以上ある …

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

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

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

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

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

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

2019年5月10日の気になるIT・Web界隈の記事まとめ

デザイナ目線でピックアップ、 IT業界・Web界隈の気になる記事まとめ、 2019年5月10日号です。 気になる動向・ニュース ヤフー、アフィリエイトサイトによる広告出稿を原則NGに それでは良記事のまとめ、どうぞー。 https://0-9.tumblr.com/post/18477079229…

ランディングページにコストかけるかどうか問題。まじめにやると1サイト制作分のコストかかりまっせ

企業のイベントやキャンペーンなどの ランディングページなんて 無料ホームページ作成ツールで つくればいいじゃん。 と思っている、n太郎です。 お客さんからよく イベントやキャンペーンなどをやるから それに合わせて既存サイトのデザイン枠 の中ではなく…

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

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

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

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

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

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

webデザイナーも知っておきたい、外部サービスのアカウントでログインするOAuth認証/OpenID認証について

うちの新人webデザイナーが知らない、 ということだったので今回はOAuth認証/OpenID認証ついて。 OAuth(オーオース)認証/OpenID認証とはざっくりいうと TwitterやFacebookなどの外部サービスのアカウントで ログインをする仕組みのことです。 詳しい仕組…

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

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

webサイトにメールアドレスを掲載するときの迷惑メール・スパム対策

webサイトにメールアドレスを 掲載するときに、そのまま メールアドレスをHTMLのソースに 記述してしまうと、スパム業者の標的に されます。 スパム業者は自動収集プログラムで webサイトのソースコードを解析し、 メールアドレスを収集します。 収集したメ…

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

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

【事例紹介】サーバ移転が必要なwebサイトのリニューアルで過去の公開側コンテンツ、データをどうするか

webサイトのリニューアル案件で 制作会社を変えたりシステムを変更したり、 サーバを移行する際に結構大変になるのが これまでのデータをどうするか、という問題。 記事データや会員データ、商品データなどなど 運営年数が長ければそのデータは膨大になりま…

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

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

Twitter、Facebookでシェアした画像を変更したい。そんなときはOGPキャッシュを削除しよう

TwitterやFacebookで記事をシェアすると、 記事のアイキャッチやメイン画像が OGP画像として表示されます。 シェアしたあとに画像を 変更したいことありますよね。 クライアントがシェアしたwebページに 「間違いがあって差し替えたいのだけど...」 「画像変…

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

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

Webサイトで画像がない場合は「No image」と表記したほうがいいのか問題

ECサイトやブログなどで画像がない場合に 表示される「No image」という画像、 どこかで見たことがあると思います。 「No image」で検索するとたくさんヒットします。 このような画像たちです。 「No image」で検索した結果画面 「画像がありません。」 「準…

クライアントワークのWebサイトの大人の事情。商品数や店舗数の件数表示はちょっと待った

受託のWeb製作で企業をクライアントにしていると、 さまざまな大人の事情が入ってきます。 政治的な理由や背景、経緯などがありWeb制作会社や 担当者はそのあたりも考慮してWebサイトの設計を しなければいけません。 知識や経験としてもっておくだけで、 提…

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

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

CPU「うぉおおお」冷却用ファン「ブーーン」スマホ「パケット泥棒ぉおお」Webサイトの無駄な演出やアニメーションやめよう

リッチな演出のサイトが多い昨今のWebサイト事情。 それ意味あるの?というような演出も多いです。 正直、Web屋がクライアントからお金もらえるし、 おっさんは動くものが好きだし、 なんか動かしておけばウケがいいから、てなかんじで 採用されている演出も…

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

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

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

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

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

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