タグ

Web制作と設計に関するwate_wateのブックマーク (7)

  • コンテンツSEOに強いサイト設計とSEO対策で理想的なリンク構造【失敗例も公開】 | アフィリノオト

    サイト設計とは「サイトとして機能するだけの必要最低限の完成形の設計」。サイト設計でサイト全体のリンク構造が明確になります。リンク構造はウェブの質であり、検索エンジンでも重要視されています。今回はサイト設計の考え方を仮想通貨サイトの実例と失敗例を交えながら解説します。 サイト設計の重要性は多くの人が知っていますが、実際にサイト設計をしている人はおそらくごくわずかだと思います。サイト設計は考え方や方法に個人差がありすぎて、情報がほとんど表に出ないのが理由でしょう。 ここではサイト設計の考え方と具体的な方法を事例を交えながら解説します。記事後半では、サイト設計で失敗したサイトも公開するのでお楽しみに。 サイトとして機能するだけの必要最低限の完成形 私自身、サイト設計の正確な定義は知りませんし興味もありません。 が、サイト設計の記事を書く上で、サイト設計を簡単にでも定義しておかないと話が進まない

    コンテンツSEOに強いサイト設計とSEO対策で理想的なリンク構造【失敗例も公開】 | アフィリノオト
  • FLOCSSを扱いきれないあなたに贈る、スリムなCSS設計の話 | WebNAUT by Beeworks

    ※この記事は2017年4月7日に執筆された記事です。現在は仕様が異なる可能性があります。 Webの開発をやったことのある方なら誰しも、「CSSって結局どう書くのがベストなの?」という悩みを感じたことがあるでしょう。 一見簡単なCSSですが、一度書き始めるとそのあまりの自由さに、まるで大海原に放り出された赤子のような気分になってしまいますよね。 人生何事も、ある程度制約があったほうがやりやすいものです。 そんなわけで今日はCSSの設計について考えてみましょう。 目次 どんな設計があるの? F、L、O、Uの4つに分けよう Foundation Layout Object Utility FLOU設計のメリットは? レイアウトが劇的に楽 CSSの見通しが良くなる FLOUで書くときのポイントは? まとめ どんな設計があるの? CSS設計について調べてみると、OOCSSだとかSMACSSだとかFL

    FLOCSSを扱いきれないあなたに贈る、スリムなCSS設計の話 | WebNAUT by Beeworks
  • 1万記事以上入ったサイトをフルリニューアルした過程と結果!ゴクリ - アフィリエイト戦記

    どもです、水野です。 サイトを作って更新していると最初のサイト設計が甘かったり、知識が増えたことによって、サイトのカテゴリや構造を変更したくなる時がサイト運営者なら一度はあると思います。 まさに自分のことなのですが、手持ちのサイトで初期計画よりも記事が予想以上に増えて、1万記事以上入っているサイトがあります。なんとこのサイト、1万記事入っているのにカテゴリーが9個しかないという・・・ずさんすぎるサイト管理です、ハイ。 まずはそんな可哀想なサイトの概要をお伝えします。 女性の美学 http://josei-bigaku.jp/ ・運営歴2012年~現在 ・記事数12,000ほど ・1日のオーガニック流入10万UUほど ・リニューアル前のカテゴリ数9個 このサイトは2012年から運営していて、2013年頃からサイト構造の最適化をしていかなければいけないと思いつつ、 ・めんどくさ ・手間だから

    1万記事以上入ったサイトをフルリニューアルした過程と結果!ゴクリ - アフィリエイト戦記
  • サイト高速化の「戦略」と「戦術」- GradeAのその先へ | ゆっくりと…

    サイト高速化をネタにした記事は星の数ほどありますし、YSlow や PageSpeed、あるいは両方同時にチェックできる GTmetrix のおかげで、アドバイスに従って問題点を一つ一つ潰し込んでいけば、着実にスコアを「Grade A」に近づけられるようになりました。 またベスト・プラクティスなんて知らなくても、「CloudFlare 導入、一発 OK!」なんていうお手軽なサービスもあります。 一方、これら個々の Tips、テクニックを断片的に積み上げていくアプローチやブラックボックス方式では、サイト全体を通して「当に最適なの?」という疑問も生じます。 別な言い方をすれば、「Grade A は取ったけど… その先は?」に対する処方箋が必要なんじゃないかと思っています。 そこで今回は、「スコア」だけでは見えてこない、サイト高速化の「戦略」と「戦術」の話にチャレンジしてみたいと思います。これ

    サイト高速化の「戦略」と「戦術」- GradeAのその先へ | ゆっくりと…
  • UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ

    こんにちは。 スマートフォンサイトやアプリにおいて、重要なことの一つであるUI(ユーザーインターフェース)。 また、PC向けサイトでも、よりユーザー目線に立ったUI設計が必要です。 UI設計ひとつで、大きくコンバージョンが上がったり、クリック率の増加が見込めるので、入念に考えなければなりません。 今回は、UIを徹底的に考えるために、UIについて様々な視点から書かれたスライドをご紹介したいと思います。

    UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ
  • 10.ユーザビリティを考慮したワイヤーフレームを設計する | リアルタイムSEO日誌

    お詫び 今回の流れと目的 出発点はユーザビリティから 求められる特性からフレームを設計する 全てのデザインに理由があるべき 次回のお知らせ お詫び ブログの大幅な遅延について 前回の更新から1ヶ月半という長い月日が経過してしまいました。もともと4月9日にこの記事を公開するというお知らせをしていたのにも関わらず、このブログを楽しみにしていただいていた一部の読者様の期待を裏切ってしまうこととなり、誠に申し訳ありませんでした。 空白の期間中、facebookページを覘いていただいたり、「記事が更新されていないか」とブログに足を運んでいただいた方、更には「良いブログがあるよ」と周囲へお勧めいただいた方の、お気持ちや時間を無駄にしてしまったことに対し、まずは心よりお詫び申し上げます。 4月に入ってからマッチングサービスの依頼件数が大幅に増え、ブログ筆者である私自身がお客様・業者様対応をしても追いつか

    10.ユーザビリティを考慮したワイヤーフレームを設計する | リアルタイムSEO日誌
  • IAシンキングとは -information architecture- |https://wp.yat-net.com/name

    2013年 04月 19日 IAシンキングとは -information architecture- カテゴリ: IAシンキング タグ:IAサイト構築サイト設計 サイトの設計、情報の整理、SEOUI。Webサイトの構築時に考えるべきことはたくさんありますね。世のWebデザイナーの方やディレクターの方、インハウスの方など、色々な 役割の人がそれぞれの観点から情報を整理したり、競合サイトを調査したりと様々な事をしています。 しかしそれらを行うにあたって明確なフローが決まっているか?と言う割りとそうではなく、多くの人が意識的レベルでそのフローを行なっているのではないでしょうか? それらのフローを意識レベルで行えるということは非常に素晴らしく、欠かすことが出来ないスキルであることは間違いありません。 ですが、プロジェクトに参加するメンバーのスキルやレベルは必ずしも一致しているとは限らない為、ひと

    IAシンキングとは -information architecture- |https://wp.yat-net.com/name
  • 1