グーグルがSearch Consoleを大改善! プロパティをいろいろ登録する面倒が不要に【SEO記事12本まとめ】 | 海外&国内SEO情報ウォッチ
Web担当者やSEO担当者にうれしい情報だ。Search Consoleで「www」「HTTPS」「サブドメイン」などいろんなURLバリエーションを登録してデータをそれぞれから取得する手間が大きく減りそうなのだ。 グーグルがSearch Consoleに加えた「ドメインプロパティ」「正規URLのプロパティへのデータ統合」という2つの新機能を解説する。 また今回はSearch Console特集として、検索パフォーマンスの「クリック数」「表示回数」「掲載順位」レポートの正しい見方を教える記事も紹介する。 検索パフォーマンスに表示されている「検索順位」「表示回数」は、実はあなたの考えている数値と意味が違うかも！？ ほかにも、次のようなSEOに役立つ情報をまとめてお届けする。 グーグルしごと検索でもガイドライン違反には手動対策アリ。知っておくべき情報まとめECサイトで色やサイズなどバリエーション
カラーピッカー - 原色大辞典
PhotoShopライクなカラーピッカー HEX、RGB、HSBに数値を入力して色を探すこともできます。右側のサンプルをクリックすると個別のカラーサンプルページに移動します。 原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、
見るべきページは５つだけ！Googleアナリティクスの基本の使い方とは | LISKUL
Google アナリティクスは、Googleが提供している無料で高機能なアクセス解析ツールです。しかし、高機能な故に使い方も複雑で、なかなかうまく使いこなせていない人も多いのではないでしょうか。 この記事では、そんなGoogle アナリティクスの使い方がイマイチピンと来ていない方に、普段無料でGoogle アナリティクスの使い方に関する勉強会を開催しているWebコンサルタントが丁寧にご説明します。 ● Google アナリティクスを使う上で知っておかなければならない用語は何？ ● どういう時にGoogle アナリティクスを使えばいいの？ ● どのページのどの数字を見ればいいの？ など疑問をお持ちの方はぜひ参考にしてみてください。 ※本記事は株式会社WACUL提供によるスポンサード・コンテンツです。 Googleアナリティクスで把握できること／できないことGoogleアナリティクスを活用する
WordPressテーマのカスタマイズで子テーマを使うべき理由、使い方など
WordPress既存テーマをカスタマイズするなら子テーマを使うべきと思います。 これは、Wordpress codexにある子テーマの項目でも推奨されています。 ただ、Wordpressを使い始めたばかりの時に「子テーマ」「親テーマ」と言われても、「何だそれ？」とか、「そもそもテーマ自体にカスタマイズしたらなんでだめなの？」とも思うかもしれません。 僕も、テーマ配布サイトでカスタマイズ用に子テーマを配布してはいるものの、そういったことについては詳しく説明していませんでした。 なので、一度それについて書いておこうと、今回はWordpressの子テーマについて書きたいと思います。 photo by Alexander Gounder 子テーマとは そもそも子テーマとは、既存のWordpressテーマのカスタマイズ専用のテーマです。 既存のWordpressテーマは、「親テーマ」とも呼ばれ、テ
SOY CMSは、SOHOやWebデザイナーの救世主になるかもしれない: 世界中の１％の人々へ
2009年2月| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 HTMLソースにコメントやタグを埋め込むだけだから、デザインは自由自在。XHTML＋CSSさえ、理解していれば簡単にサイト構築ができる。 前回の「XAMMPインストール編」に続き、SOY CMSレポート後編。今回はSOY CMSの特徴を理解すべく、チュートリアルをやってみました。 Webにシステムを利用する場合、ある程度のデザインの制約がおこる場合が多いが、SOY CMSは、特別なテンプレートをもたず、既存のHTMLに、システムで変更したい部分をコメントやタグで囲むだけなので、デザインは自由自在。 そして、更新の容易さはブログなみで、特別な管理者を必要としない。 となれば、システム担当者のいない、小さなWeb制作会社や、個人
jqueryスライドショーのサンプルサイトを作ってみました。 | WEBデザインファクトリー
前回の記事の 12個のかっこいいjQueryスライドショープラグインまとめでスライドショーのプラグインを紹介しました。今回はSlides, A Slideshow Plugin for jQueryを使ったサンプルを制作したのでチュートリアルを記事にします。サイト制作の参考にしてみてください。前回の記事の 12個のかっこいいjQueryスライドショープラグインまとめでスライドショーのプラグインを紹介しました。今回はSlides, A Slideshow Plugin for jQueryを使ったサンプルを制作したのでチュートリアルを記事にします。サイト制作の参考にしてみてください。 サンプルサイトの完成例 メインビジュアルのソファ部分がスライドショーで切り替わります。 サンプルサイトこちらからご覧にいただけます。 スライドショー導入の手順 ダウンロード jsファイル、CSSファイルのリンク
Double-J Design - Free Icon Download, Stock Icon, Custom Icon Design, Custom GUI Design, Free Web Resource » Blog Archive » A Free Icon Set ‘Diagram’
Here I would like to present another free icon set “Diagram”. This is a set of 32 unique icons in various of colours. This would come as a large set of stock icons in our website and here I just selected 32 common icons for free which can be used in your web/desktop project or print designs. All icons are completely free for both personal and commercial use. Resell and distribution is not allowed.
モバイルサイトのチェックが効率よくできるツール : LINE Corporation ディレクターブログ
こんにちは、『プチペット』を担当している吉沢です。 最近のモバイルサイトはキャリア間や機種に依存する問題が少なくなり、表現の制約も少なくなってグラフィカルに魅せることできるようになってきましたね。 グラフィカルに魅せることができるようになった分、HTMLソースも複雑になり、デザイナーやマックアッパーにコーディングを依頼する機会が増えてきていると思います。 状況は会社によって様々だと思いますが、今回は、効率よくデバックを行って完成度を高めたい、ちょっとした作業はディレクター側で行いたいというときに、PCサイトの作成でもおなじみのツールを含めた、モバイルならではのツールの使い方をご紹介したいと思います。 【１】FireMobileSimulator PCでモバイルの画面を表示することができるので、電波状況や通信速度を気にしなくてもよく、レイアウトのチェックから、機能面のデバックをスピーディに行
ブログの記事タイトルを他のページに表示させたい - OKWAVE
現象は確認できませんでした。 Yahoo! BlogのフィードＵＲＬは http://blogs.yahoo.co.jp/[Yahoo ID]/rss.xml という形式ですが、間違っていませんか？ もしくは他のYahooブログで表示できるけど、自分のブログではダメということはありませんか？ つぎはぎだったので、念のためもう一度ソースを貼っておきます。 フィードＵＲＬの変数名が「blogUrl」では紛らわしいので、「feedUrl」に変更してあります。 前回のものは最新5件でしたが、3件に変えてあります。 <script type="text/javascript"> var _handleJson = function( json ) { if ( json.responseStatus != 200 ) return; var i, d, t = '<ul>', e = json.re
My DebugBar | IETester / HomePage
DebugBar Home > Wiki > IETester :: Browser Compatibility Check for Internet Explorer Versions from 5.5 to 11 :: ANNOUNCE: If you are an Adwords user, The IETester team is proud to announce its new tool: SunnyReports, a simple and efficient Adwords reporting tools IETester is a free (both for personal and professional usage) WebBrowser that allows you to have the rendering and javascript engines of
【JavaScript】 テキストフィールドの初期化方法 | Graviness Blog
January 2024 (1) September 2023 (1) April 2023 (2) March 2023 (1) November 2022 (3) October 2022 (1) September 2022 (1) June 2022 (1) July 2021 (1) May 2021 (1) April 2021 (2) February 2021 (1) January 2021 (1) September 2020 (1) July 2020 (2) March 2020 (1) August 2019 (1) April 2019 (2) August 2018 (1) May 2018 (1) April 2018 (1) January 2017 (3) November 2016 (2) July 2015 (1) March 2015 (1) Ja
【ハウツー】ゼロからはじめるThickBox 3 - 画像もHTMLファイルもスイスイ表示 (1) ゼロからはじめるThickBox 3 - 画像もHTMLファイルもスイスイ表示 | パソコン | マイコミジャーナル
ThickBox 3とは? ThickBox 3はAjax(非同期通信処理)を利用して画像を表示するライブラリです。同じようなライブラリとしてはLightbox)が有名ですが、Lightboxはprototype.jsライブラリを利用しているのに対し、ThickBox 3はjQueryライブラリを利用しています。ThickBox 3の画像は単独の表示だけでなく、複数画像をグループ化してスライドとして表示させることもできます。また、画像だけでなくHTMLファイルなども表示させることができるので、いろいろ応用できそうです。Lightboxと比べてもThickBoxの方がプログラムサイズがコンパクトなことも魅力です。 ThickBox 3の大きな特長としてスクリプト(プログラム)を記述しなくてよいという点があります。つまり、全くプログラムが分からない人手も気軽に使うことができます。ThickBo
テレパス・ラボ : 画像のロールオーバー
リンク用途などにおいて画像のロールオーバーはかなり頻繁に利用されていますが、それを実現するとなるとコードが煩雑になってしまうことが多いようです。 例）Dreamweaverの場合 <a href="index.html" onMouseOver="MM_swapImage('sample','','sample_on.gif',1)" onMouseOut="MM_swapImgRestore()"> <img src="sample.gif" alt="サンプル" name="sample" id="sample" /> </a> "sample"という文字が何度も出てきてしまっているため、画像名が変わったらこれらすべて変更する必要があります。 これを、シンプルに実現できるようにしてみましょう。 今回もjquery.jsを利用してみます。 function initRollOverIma
IE1, 2, 3, 4, 5, 6, 7, 8の確認が同時にできる -Internet Explorer Collection
Internet Explorerの異なるバージョン（1, 1,5, 2, 3, 4, 5, 5.5, 6, 7, 8）を同時に起動して、確認ができる「Internet Explorer Collection」を紹介します。 Utilu IE Collection 同時起動できるIEのバージョンは、インストールするWindowsのバージョンによって異なります。 当環境（XP SP3+IE7）では、上記のキャプチャのようにIE1.5, 2, 3, 4, 5, 5.5, 6, 7, 8を同時起動できました。 ※元のIE7には特に影響はありませんでした。 古いバージョンが必要ない場合は、インストール時にチェックをはずせばインストールしないと思います。
cyano: FlashをXHTMLで表示させるには（embedタグを使わずに表示させるには）
最近はstrict XHTMLを使ってWebページを製作することが多くなったのですが、そういった場合Flashをどうやって表示させるかは悩みどころ。というのは、embedタグはXHTMLには定義されていないからです。embedタグを使わないとFirefoxやNetscape系でFlashを表示させることができないと思われがちですが、そうでもないようです。 SG::Acme : Flashをstrict XHTMLで。では、XHTMLで定義されているobjectタグだけを使ってFlashを表示させる方法を紹介しています。objectタグにどの属性をつけてどの属性を取り除くのかがポイントのようですね。 この件に関する詳しい議論はリンク先を読んでいただくとして、どのブラウザでもobjectタグのみで表示するのに最低限必要なコードは以下の通り。 <object data="fma.swf" wid
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
_blank を使わない新規ウィンドウの開き方
リンク先を新規ウィンドウで開くやり方と Markdown との兼ね合いについて書きましたが、今日はその続編です。いくつか気になる点があったので、調べてみました。 気になっていたのは、この2点。 先日の javascript では、結局 _blank を後付けで指定しているので、よくないのかも。 そもそも _blank が推奨されなくなったのは、ユーザーがウィンドウを開くかどうかは決めることであり、サイトの運営者が決めることではない。ということから、らしい。それに沿ってないんじゃないか。 丁度同じようなことを取り上げている方のブログを見つけました。 hori-uchi.com: _blankを使わないで別ウィンドウを開くにはrel=”external”を使うのが美しいと思う。 コメント部分含め、参考にさせていただきつつ整理。 問題点、注意点 rel 属性は XHTML1.0 Transiti
[Think IT] 第1回：携帯サイトとPCサイトはここまで違う！ (1/3)
XHTML Mobile Profileに対応したHTML 本連載では、「PCサイトを制作してきたけど、携帯サイトは初めて」といった企業や個人クリエイター向けにPCとモバイルの違いなどをふまえ、携帯サイトを公開するまでの入門的なノウハウを紹介していきます。 まず、今回はHTMLの種類やタグ、CSSなど携帯ブラウザによる違いと、画面サイズやキャッシュ容量などの端末による違いについて紹介していきます。 では、早速携帯サイトを作る上でマークアップの基本となるHTMLについて説明します（図1-1）。携帯電話はPCと比べても非常に早い進化を遂げてきたため、どれも基本はHTMLを基準に作られていますが、携帯ブラウザ（iモード、EZweb、Yahoo!ケータイ）で表示可能なHTMLの仕様には実に多くの種類が存在します。 現在市場に出回っている機種ということに限定すれば、XHTML Mobile Prof
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用フリーで使える影絵素材サイト シルエットデザイン
XHTMLでFlashを表示 - アキラのＩＴメモ