別タブへのリンク記述「target=”_blank”とrel=”noopener noreferrer”」の見直しを - 株式会社真摯
別タブへのリンク記述「target=”_blank”とrel=”noopener noreferrer”」の見直しを 2024 7/23 Webサイトにてリンク先を別タブで開く用途で、a要素へのtarget="_blank"の指定に加えてrel="noopener noreferrer"が指定されていることがあります。 しかし現時点では、リンクを別タブで開く目的にて「target="_blank"とrel="noopener noreferrer"をセットで記述」というのは不要です。そのような無思考な運用になっていれば見直した方が良いでしょう。特にrel="noreferrer"の指定はアクセス解析に影響を及ぼします。 主要ブラウザーでnoopenerは対応済み、noreferrerは特定用途で利用を 2024年現在、主要ブラウザーはa要素へのtarget="_blank"の指定でrel=
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
競合サイトの調査方法 - livedoor ディレクター Blog
こんにちは、『フレパ』の担当 ANDY です。 新規サイトの立上げ、ページリニューアルなどの際、競合サイトの調査に役立つサイトで基本的なものをあげてみました。 ■リサーチサービス■「第三者の視線での定量情報を得る」 ネットレイティングス インターネット視聴率、アクセス解析サービス、個別集計サービスなどが、インターネット利用動向の指標になります。中立的なデータとして自社の立ち位置が確認できます。 例：最新月間ランキング Alexa Traffic Rank WEBサイトの世界ランキングやトラフィックが確認できます。しかし、Alexaツールバーがインストール済みの『Internet Explorer』で閲覧されたサイトのデータであるため、指標にするには厳しいという意見もあるのが実情です。 例：Top Sites Japanese ヤフーバリューインサイト 基本的・基礎的な分析に加えて、従来から
【スマートフォン向け】新規でサイトを作るのに使えそうなの一式。 - CSS HappyLife
前回の更新日が見たくない程に時が流れている今日この頃・・・。 ブログを更新するモチベーションが中々上がらなかったんですが、まだ、だらだらでも良いから書いていきたいなと言う気持ちは有るんです。えぇ。 こんだけ更新が滞ってても、Twitterとかで時々ブログ読んでますって言ってもらえたり、最近なら「今日からできる定時で上がるためのWEB制作効率アップ術 | カッシーのWEBる。」で、【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1 を紹介してもらったりしてうれしい半面、更新して無いなーと、何とも言えない気持ちになったり。 なので、これからはちょろっとでもネタが有れば更新していきたいなーと。 何をモチベーションに更新するかはまだ見つかってないけど＞＜ さて、そんな訳で、今回はスマートフォン向けの新規でサイトを作るのに使えそうな感じの一式です。 【スマートフォン向け】新規でサイトを
[連載]Webデザイン入門（2:スケッチしよう） | Stocker.jp / diary
私は、職業柄（？）プログラマー・SEの方などに「これからWebデザインもやりたいけど、どうすればいいか」と相談されることがあります。 そういう時、私はまず「優れたデザインのサイトを見て、それをスケッチする」ことを薦めています。 たった1度やって頂くだけでも、明らかにデザインに対する見る目が変わるのでお勧めです。 なぜスケッチが必要か？ 多くのPCスクールやWebスクールでは、Photoshop などの「ソフトの使い方」を中心に教えているようですが、それだけだとWebサイトをデザインするのは難しいと思います。 なぜなら、Photoshop などのソフトは「頭の中にあるもの」を制作することはできますが、「頭の中にないもの」を制作することは難しいからです。 デザインは、ソフトが自動的にやってくれるものではありません。 自分の力で1から作る必要があるのです。 そのために、「良いデザイン」とされてい
![[連載]Webデザイン入門（2:スケッチしよう） | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ab5cbd3dd1186ff326b5535187635828fcee5c0/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2F8c4a9bf2a4c1d3459b7f3b5db1bf2eb5-500x304-1.png%3Ffit%3D500%252C304%26ssl%3D1)
ディレクターが思う。Webサイト設計時に必ず注意したい2つこと（+1） | ユーモアのある人生を。【Maka-Veli.com】
まず前提として、「ヒアリング」がディレクターとしては最も重要な要素ですが、 これは別の機会とさせて下さい。 ヒアリングを行う上で、もしくは行った上での対策3つです。 いわゆるターゲッティングです。 必ず必要になる設計要素で、 これが無ければWebサイトの成功は無いと個人的には思っています。 なぜターゲッティングが必要か？ 見たい人が見ないサイトでは、存在価値がありませんよね。 これは、設計時や表面上のデザインに大きく影響します。 女性向け、男性向け、10代、50代、様々なターゲット層を 踏まえ、サイトを構築する事が重要です。 どのように行うか？ ターゲットを想定し、見せたい情報は何か、ユーザーが知りたい情報は何か？ そしてどんな人が訪れる可能性があるか？ それら全てを想定します。 よく行われるのは「ペルソナマーケティング」と言われる手法で、 ペルソナ=架空の人物
5つのステップで競合サイトを丸裸に！ 無料ではじめる競合分析
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
ユーザに自分ゴト化してもらうための3つの方法 (ユーザビリティ実践メモ)
今回の実践メモでは、WEBサイト上でユーザの購買意欲を喚起するための方法についてご紹介します。 WEBサイトを見ているユーザの購買意欲を喚起するためには、ユーザに商品の購入を『自分ゴト化』してもらうことが重要であることが、これまでの弊社のユーザ行動観察調査から明らかになっています。 本稿では、WEBサイト上での情報提供で、ユーザに『自分ゴト化』してもらうための3つ紹介いたします。 (1)「こんな人にオススメ」という情報を示す 例えば、以下の表現を比べてみてください。 上の例だと、これらの商品が自分に合っているのかどうかをユーザは判断することができません。 しかし、下のように「こんな人にオススメ」という情報を提示すれば、ユーザに「この商品は自分の状況に合っている」と認識させることができ、自分ゴト化してもらうことができます。 (2)商品価格をユーザに実感させる いくら自分の状況に合った商品があ
ECサイトの成功事例から見るKGI・KPI設計後の成果 | Web担当者Forum
サイトの目的/役割別のKGI・KPIWebサイトのKGIを達成するためにはKPIを設定しそれを元に運用を行う必要がありますが、KPIとは当然Webサイトの目的や役割によって異なります。以下はWebサイトの目的や役割別のKPIの例です。 最近では、ソーシャルの機能を活用したKPIの設計を行うことも多くなりました。本タイトルでは、上記の5種類のWebサイトタイプの中でもECサイトの事例を元に、どのようにKGI・KPI設計をし、どのような成果を獲得したのかを事例を交えてご紹介していきます。 ECサイトの事例を見るECサイトの目的は、ユーザーに商品を購入してもらい、売上を向上させて利益を獲得することです。また、ECサイトのKGIは「売上○○円」「利益○○円」といった値を設定することが王道であると考えます。しかし、ECサイトの売上を20%アップするには・・?と考えみると、思いつく限りの手当たり次第の
正しいWebサイト運営計画の立て方 : ネットPR.JP - netpr.jp -
正しいWebサイト運営計画の立て方 2008年07月10日 「正しいコーポレートサイトの運営」の第二回目では、「正しいWebサイト運営計画の立て方」をご紹介したいと思います。前回の予告では、「コーポレートサイトの戦略って？」というタイトルでお話する予定でしたが、早くも一回脱線ですが、私たちは毎日のようにWebのことでお客様とお話している立場ですので、「この話題を今、ご紹介したい」と思うトピックを随時挿入していきたいと考えています。 Webサイト運営計画とは？ ところで、Webサイト運営計画ですが、「戦略」の話ではありません。どのタイミングで何を検討し、いつまでに何を実行すべきなのか、という「運営計画」です。皆さんはWebサイトを運営していて、経営陣から突然「今月このリリースを急きょ出すことになったから、Webも対応して！」と言われたことはありませんか？小さなページ改修であればまだしも、特
フリー素材「取り放題.com」｜ネットショップ、ECサイトに最適なホームページ・WEB素材
フリー素材！ネットショップ、ECサイトの新規開店、リニューアルに・・・ アイコン・ボタン・バナーなどお役立ちの素材が無料で取り放題！ フリー素材「取り放題.com」は、ネットショップ/ECサイト様向けに特化して、 アイコン・バナー・ボタンなどのホームページ・WEB用フリー素材を無料で配布するサイトです。 もちろん個人や企業、団体のホームページなど、ネットショップ/ECサイト以外のWEBサイト様も是非、ご利用ください！ 個人利用・商用利用に関わらず無料でご利用いただけます。 ショップの運営者様やWEB担当者様はもちろん、SOHO、フリーランスのWEBデザイナー様、製作会社様もご自由にご利用ください。 もちろん加工もOK！ですので、ベース素材としてもご利用ください。 （ただし、再販、二次利用はご遠慮願います） ご利用に際しては、リンクなどのわずらわしいお手続き一切不要！ （リンクしていただくの
WEB屋が行き詰まった時、参考にすると何かが舞い降りるかもしれないサイト色々（主にデザイン系） | バンクーバーのうぇぶ屋
※煮詰まる× → 行き詰る○ なんかおもいっっきり日本語間違って使ってました。めっちゃごめんなさい＞＜ 更新が滞るとEvernote開いて整理整頓ついでに記事を書くのが日課になってしまったセナですこんにちは。 さて、数年WEB屋やってると、自分の作るものが単調になったなと思うことがたまにあります。WEBでも紙でも制作技術を学んでいた時はいろんなサイトを見て見まくって、「どうしてこんなに見やすいんだろう。」とか、「どうしてこんなに分かりやすいんだろう。」とか。そんなことを感じては、常に目にする物から何かを吸収しようと躍起になっていたものです。 何かを見る度、知る度に確実に何かを学んでいったあの感覚は、何時になっても忘れてはならないものだと常々思います。 アイデアに詰まっていたり、物づくりへの刺激が欲しい時なんかに見ると、やる気とかが舞い降りてくるかもしれません。 Dribbble クリエイタ
ページ内ユーザー行動解析を用いた、ユーザーシナリオ最適化
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
ユーザーに選んでもらうために必要な「サイトコンセプト」と「情報設計」 ― ECサイト顧客マネジメント戦略第2回
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
ウェブページの高速化のために読んでおきたいサイトのまとめ
ユーザビリティの改善や検索エンジン対策としてウェブページの読み込みスピードの高速化は非常に重要です。ということで、ページの読み込みスピード向上のために役立つサイトをまとめてみます。 ページ読込速度の重要性 次の事例にあるように、ユーザーは表示速度に敏感です。 Googleによるとページの読み込みが0.5秒遅くなると、検索数が20%減少する Amazonによるとページの読み込みが0.1秒遅くなると、売り上げが1%減少する そして、Googleのアルゴリズムにウェブページの読み込み速度が追加されて以降、サイトの高速化への注目度は高まっています。 Google、ウェブページの読み込み速度をアルゴリズムに取り入れたことを発表 | 海外SEO情報ブログ Googleがついに順位決定に表示速度を使い始めた（公式発表） | Web担当者Forum Google、検索順位にページ読込速度の考慮を開始 [詳
イラストやWeb制作に使えるフリー素材を紹介 | 9search
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ユーザビリティの原則と現場で使えるユーザビリティテストの方法
今回は、Web制作の現場でも使えるようなユーザビリティテストの方法をご紹介します。 アクセス解析を使ったものではなく、あくまでもサイトの構造の問題点を洗い出す方法です。 そのため、それにいたる細かい基本部分についてもかなり大胆に触れてます。 試験をする前に、どのような観点からサイトを見て行く必要があるのかと言うユーザビリティの原則から、試験方法、試験の結果からの問題解決にむけて、私がこれまで行ってきている仕事の一部をご紹介します。 Webユーザビリティについて：目次 書き出したらとまらなくなりましたが、これでも結構情報削りすぎたかなぁというのはあります。 私の仕事について方法を学べばユーザビリティテストは出来る最大の原則はユーザーに考えさせない事たった一人でも試験をするほうが100倍ましになるユーザーの視点を理解する箇所法則1「長いテキストを最初からよし見ようとは思わない」法則2「長たらし
プロジェクトの開始までにWebディレクターが用意するものとこと13個まとめ
さて、発注が決まった。クライアントからの要望はまだフワっとしてるけど、納期は何となーく見えている。（もしくは納期だけがカッチカチに決まっている）。 この状態からプロジェクトの本格スタートまでにディレクターが用意するべきものは何があるんだろう？今日はそのへんをまとめてみます。 ゴールまでのざっくりストーリー たとえばコーヒーのポータルサイトだったとして「コーヒーに関する情報なら何でもあります！」って言っても何も始まらない。そこにあるストーリーを多少適当でもいいのでドラマチックに盛り上げてしまいます。 1：店主はかつて2店舗のカフェを切りもりした実店舗の経営者 2：学生の頃からカフェが好きで、なんとか自分の理想のカフェを作りたかった 3：それは、カフェの持つ独特の雰囲気とコーヒーの香りが大好きだったから 4：だから、自慢のカフェの雰囲気を全国どこにいても感じてもらえるサイトを作りたかった。とか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web担当者たるもの、かくあるべし 「Web担道」秘伝の書 コーナーの記事一覧 | Web担当者Forum
サイト運営に必要なのはアクセス解析とSEOの知識、外部に求めるのはコンサル力／Web広告研究会 調査 | Web担当者Forum
