タグ

web-designとseoに関するnabinnoのブックマーク (13)

  • 他人のブログのアクセス数・被リンクを調査できる無料分析ツール 5 選 | セオリコ

    他のブログのアクセス数が推測できる仕組み 他のブログのアクセス数を計測できるツールはいくつかあります。 独自のクローラーを走らせて分析していたり、主な検索キーワードの順位・CTR をもとに算出していたりと計測方法は様々。 なかには、無料で他サイトのデータを提供する代わりに、ユーザーの Google アナリティクスや Search Console のデータを取得しているサービスもあります。自分のブログのデータを提供することになるので、抵抗があるならデータの読み取りを許可しないようにしておきましょう。 いずれにしても、そのサイトの完全なデータを入手できるわけではありません。SNSランキングサイトの流入がメインのサイトなら、推測値に大きなブレが生じます。あくまで参考程度にとどめていただければと思います。 SimilarWeb SimilarWeb は、登録不要で大まかなデータを閲覧できる W

    他人のブログのアクセス数・被リンクを調査できる無料分析ツール 5 選 | セオリコ
  • ブログのレイアウト例|ヘッダー・サイドバー・記事下に何を置くとよいのか | セオリコ

    これらの要素はブログにおいて必須ではなく、個々の好みとなります。 ヘッダーにあれこれ配置すると、記事を読むまで余分にスクロールしなければならない、という点は覚えておきましょう。 SEO や収益を考えると、ATF はできるだけシンプルな形をおすすめします。 「サイドバー」はメインエリアの左右にあるサブエリアを指します。 以下はサイドバーに配置する一般的な要素です。順番は自由ですが、重要なものほど ATF で見えるようにしておくとよいですね。 プロフィール カテゴリーリスト 新着記事リスト 人気記事リスト 検索窓 追尾広告・追尾目次 サイドバーはスマホで見たときにページ下部に配置されるか、非表示になってしまう点に気をつけましょう(WordPress テーマによって扱いが異なります)。 一般的なジャンルのブログはスマホユーザーが 8 割ほどなので、サイドバーに力を入れても実際にはほとんど見られて

    ブログのレイアウト例|ヘッダー・サイドバー・記事下に何を置くとよいのか | セオリコ
  • Web制作フローが「完璧」にわかる資料や流れのまとめ | コムテブログ

    TL;DR 受注前、制作フロー、安定収益源の保守方法まで「作って終わりにしない」Web 制作の一連の流れを記載しておきます。社内だけじゃなく、これから独立する人、フリーランスの方も必見です。 オリエンテーション/受注前 1.書類テンプレート一式 オリエンテーションにおけるヒアリングでは、後に作成する提案・見積書に必要となる質問を用意しておきます。自社の説明をする時は、せっかちなクライアントさんもいるので、だらだら話さず、ポイントを抑えてわかりやすく説明します。ヒアリングした後は、議事録にメモし社内共有。必要な書類(ヒアリングシート/企画書/提案書/業務委託書/見積書/契約書)など一式まとめてますので、書類系のテンプレートは以下で。 企画・提案・見積・納品・契約などのテンプレ・知識まとめ23 2.見積もりの目安と計算方法 例えば項目を作るとき1.項目/2.内容/3.設計(人日)/4.製造(人

    Web制作フローが「完璧」にわかる資料や流れのまとめ | コムテブログ
  • ウェブデザイン・ウェブサイト運営はデータ分析に基づかなければ必ず失敗する!!

    ウェブデザインの良し悪しを決めるのは、デザイナーでも経営者でもなく、ユーザー こんにちは。attripです。この記事を見ているということは、ウェブサイト運営に携わる方か、経営者の方でしょう。 ウェブサイト運営は、作って終わりではありません。どんなにユーザーのことを考え、最高のウェブデザインが出来たと思っていても、当にユーザーが使いやすいデザインなのかは、決めたデザインでしばらくサイトを運営してみて、ユーザの動きをデータで解析しないことにはわかりません。 上司やデザイナーがこうしたら良くなる!と自信を持ってサイトの改善をしても実際変更してみた所、改善というよりも改悪になってしまうことがよく有ります。 元のままのデザインが良かったのか、変えたデザインが良かったのかは、ユーザーのサイト回遊率(一人当たりページビュー)や、滞在時間のデータを見て判断することが出来ます。 FacebookやGoog

    ウェブデザイン・ウェブサイト運営はデータ分析に基づかなければ必ず失敗する!!
  • 5分で分かるフラットデザイン

    iOS 7やWindows 8も採用した「フラットデザイン」。実際にフラットデザインを実現するにはどうすればいいのだろうか。 1分-フラットデザインとは何なのか アップルの開発者向け年次イベント「Worldwide Developers Conference(WWDC)」が米国時間6月10日に開幕し、基調講演で同社モバイルOSの次期版「iOS 7」が発表された。見た目の印象が従来版からガラリと変わっている。これは「フラットデザイン」という手法を採用したからだ。 フラットデザインとは、簡単にいうと、グラデーションを利用しない非常にのっぺりとしたデザインのことだ。

    5分で分かるフラットデザイン
  • デザインでWeb制作会社を選んで大失敗!よくある失敗例×7 | ベイジの社長ブログ

    やはり好景気の波がやってきているのでしょうか。企業のWebサイトへの投資が活発になっているようで、検索エンジンで上位表示されている弊社には、ほぼ毎日新規の仕事の依頼が舞い込んできます。 とはいうものの、弊社のように有名ではない会社は、コンペで選ばれることが多いです。コンペ自体は、Web制作会社を選定する方法として、理にかなったやり方だと思います。しかし、コンペの選定条件などを拝見して、あぁ、これはWeb制作会社選びに失敗する典型だなぁ、と思うこともよくあります。 特に、デザインカンプ(と見積書)だけでWeb制作会社を選ぼうとする企業は、要注意です。恒常的にWebを活用している企業ならともかく、Webをどう使っていいか分からない、Webにそんなに詳しくない、というような企業や担当者がこの選び方をすると、失敗率がかなりあがります。 実際、私たちへの依頼の中には、過去にコンペをしてWeb制作会社

    デザインでWeb制作会社を選んで大失敗!よくある失敗例×7 | ベイジの社長ブログ
  • あなたのデザインの自由度を邪魔しない、軽量なグリッドデザインフレームワーク·PocketGrid MOONGIFT

    PocketGridは0.5KBの小さなCSSフレームワークです。レスポンシブWebデザインのベースにどうぞ。 Bootstrapをはじめ多様なデザインフレームワークが出回っていますが、デザインの可能範囲が狭まってしまうのを嫌がる声もあります。そこでほんの基礎部分だけを提供してくれるグリッドデザインテンプレート、PocketGridを使ってみましょう。 サンプルです。左が30%、右が70%のコンテンツです。 幅を狭めても比率を維持しています。 よくある三層のWeb構造です。 このように組み変わります。 比率を維持させることもできます。 より複雑な表示です。 レスポンシブに並びが変わっています。 維持させることもできます。 元がこれで… 隙間をなくす設定も可能です。 PocketGridはピュアなCSSだけで作られています。レスポンシブだけでなくセマンティックにも対応しています。メディアクエ

    あなたのデザインの自由度を邪魔しない、軽量なグリッドデザインフレームワーク·PocketGrid MOONGIFT
  • レスポンシブwebデザインの作り方とSEOとUXを考察

    2013年は更に レスポンシブ は流行ではなく 一つのデザイン定義として定着する年なのではないかと。 その定着する新しい手法のデザインの作り方と SEOUX の観点から考察していきたい。 レスポンシブwebデザインの基 レスポンシブwebデザイン とは 1ファイルでどんなデバイスでも柔軟に対応する事が出来る手法です。 この手法が編み出される前は、端末別等で違うCSSファイルを呼び出し、デザインを変えていたかと思いますが、このやり方だとデザインを変更する時に端末別に分けた分のデザインを変更しなくてはなりません。 レスポンシブwebデザイン もそうゆう意味では変えなくてはならないのですが 横幅の計算でデザインしていきますので変更点が少なくなります。 初めは リキッドデザイン と似ていると感じると思いますが、違いはこちら ■リキッドデザイン これで レスポンシブwebデザイン とはなんぞ

    レスポンシブwebデザインの作り方とSEOとUXを考察
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。

  • これなら分かる!WEB制作を無料で「学べる」サイトまとめ

    作成:2013/02/4 更新:2014/11/01 Web制作 > 基的なところを簡単に、楽しく覚えたい 自分でサービス作ったり、会社や違う職種でも 色々と「基」はおさえておきたい 今回はサイト制作に必要な「基的な知識・情報」を、分かりやすいサイトを中心にまとめました。必ずおさえておきたいスキル・知識です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 1.HTML5 2.CSS 3.レスポンシブ 4.配色 5.視線誘導 / 心理学 6.インターフェース / ユーザビリティ 7.SEO 8.ディレクション 9.アクセス解析 10.WEBマーケティング 11.コピーライティング 12.ソーシャル 1.HTML5 HTML5って何? HTML5とは何かを簡単にまとめてみた - Yahoo! JAPAN Tech Blog Canvasについて知っておく

    これなら分かる!WEB制作を無料で「学べる」サイトまとめ
  • ホームページの作成をWeb制作会社へ依頼する前のチェックリスト

    1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない><」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか? HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる ホームページの作成を依頼するとき役立つチェックリストはいかがですか? 現在、無料で配布しているチェックリストへ目を通せば、以下の2点がわかるでしょう。 web制作会社へ依頼する前に準備しておくべきこと 効果的なホームページを作成するためのポイント 「ホームページの作成をweb制作会社へ依頼したい。 でも、何をどこから始めればいいの?」 そんな悩みを抱えるあなた。 以下のチェックリストをひとつずつチェックしていってみてください。 ホームページを依頼する前の準備が整うはずです。

    ホームページの作成をWeb制作会社へ依頼する前のチェックリスト
  • 米国市場の高校サイトでは、今、何が起きているのか?

    ブログサービス「マーケター通信」をご利用の皆さまへ 平素はITmedia マーケティングをご愛読いただき、誠にありがとうございます。 当サイトではこれまで、関連ブログサービスとして「マーケター通信」を長年にわたり運営してまいりましたが、全体的な利用の減少を鑑み、2020年9月30日にサービスを終了させることになりました。 このような結果になり残念ですが、何卒ご理解いただけますと幸いです。これまでご利用いただきましたことに対し、あらためてお礼申し上げます。 尚、ITmedia マーケティングは従来通り更新を続けますので、引き続きよろしくお願いいたします。 サービス終了までのスケジュール、および、これまで登録していただいたブログ記事の取り扱いにつきましては、以下の記載をご確認ください。 スケジュール 2020年9月25日(金)

    米国市場の高校サイトでは、今、何が起きているのか?
  • アイトラッキングなら一目瞭然!新「はてなブックマーク」が何となく見づらい理由 | マミオン有限会社-パソコン・数学研修、法人研修

    先日リニューアルされた「はてなブックマーク」。 大幅なデザイン変更に対し、ネット上では賛否が分かれているようです。 【参考記事】 ・はてなブックマークのリニューアルがいけてない5つの理由 - enator's blog ・はてブリニューアル賛成論 個人的には「あぁ、見づらくなっちゃったな…」と感じましたが、何となく不満を訴えても仕方がないので、今回はその原因をマミオン得意の「アイトラッキング分析」を用いて考えてみることにしました。 綺麗な「F字型」を見せる旧デザインまずはリニューアル前のデザインについて分析ができればよかったのですが、時すでに遅し。代理として、以前のデザインに近い以下のサイトで分析を行ってみました。 Hatebu::Classic - 見慣れたデザインのはてなブックマーク 被験者は、30代男性である筆者1名です。いつものように、ホットエントリーをチェックする行動を行った結果

  • 1