WordPressのバージョン5.5.0から追加されたXMLサイトマップ自動出力機能を紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
WordPress5.5.0から追加された新しい機能についてご紹介します。 この記事を執筆中のWordPressの最新バージョンは5.8.2なので、なんで今更と思われてしまうかもしれませんが、少し驚いた機能だったのでこうして記事にしてしまいました。 WordPressはXMLサイトマップを標準で出力する？ しない？ これまでWordPressではXMLサイトマップはそのままでは出力されませんでしたので、プラグインを利用したり、または自前で用意したりといったかたちで対応をしてきたと思います。あるとき、WordPressをいじっているとまだ準備していないはずのXMLサイトマップが出力されていることに気づきました。 WordPress5.5からはデフォルトでXMLサイトマップが出力されるようになっていたのです。それがどのような機能なのかを簡単に見ていきたいと思います。 XMLサイトマップには、設
世界の250の国の各データをjsonやcsv、xmlなどで配布する・「countries」
countriesは世界の250の国の各データをjsonやcsv、xmlなどで配布するプロジェクトです データ内容は以下の通り { "name": { "common": "Austria", "official": "Republic of Austria", "native": { "bar": { "official": "Republik Österreich", "common": "Österreich" } } }, "tld": [".at"], "cca2": "AT", "ccn3": "040", "cca3": "AUT", "cioc": "AUT", "independent": true, "status": "officially-assigned", "currency": ["EUR"], "idd": { "root": "+4", "suffixes
【動画付き】 draw.io 使い方まとめ 〜エンジニアでなくても使えるTips集〜 - Qiita
draw.io はブラウザを使用してフローチャート、プロセス図、組織図、UML 図、ER モデル、ネットワーク図などを作成できる優れたツールです。作成した図は xml ファイルとして保存でき、GitHub との連携もシームレスに行われます。3 年ほど愛用しているツールですが、隠された使い方がたくさんあります。すぐに忘れてしまうので取りまとめておきます。 「こんな使い方あるよ！オススメだよ！！」という方はぜひ編集リクエストをいただければ追記していく予定です 😊 ※ 主に参照している文献は以下、公式ブログは非常に分かりやすいのでオススメです。 ツイッター公式アカウント 公式ブログ ショートカット ショートカット集です。机の上に置いて覚えましょう。 Line / 線 まずは最も頻繁に使う Line(線)の使い方からご紹介します。 矢印をまっすぐに揃える ちまちまと矢印の線をドラッグして微調整し
サイトマップが持つ2つの顔、2つの意味とは？ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもZIMAです。 本日はお馴染みのサイトマップについてお話させていただこうと思います。 さっそくですが、ひと昔前のサイトマップのイメージってどんなものでしょうか？ ユーザーが使うためにあったイメージですよね。どんなにわかりづらいサイトでも、サイトマップページへ行けば一発で目的のページへリンクできる、とても便利で重要なページだったと思います。 でも、「いまはTOPからどこにでもいけるから、サイトマップなんて必要ないんじゃない？」、そう思う人も多いはず……。ところがどっこい、サイトマップはユーザーだけじゃなく、SEO対策においても重要な存在なのです！ なくてはならない存在、サイトマップ みなさんが知っているサイトマップって、きっとフッターやヘッダーにあって、1ページのなかにサイト全体のページがリスト状に並んでいるイメージですよね。当然、わかりやすくて便利なわけです。 けれど「サイトマップ」
Best JSON Formatter and JSON Validator: Online JSON Formatter
Ad blocking? It's okay. Please share to support us: JSON Formatter and JSON Validator help to auto format JSON and validate your JSON text. It also provides a tree view that helps to navigate your formatted JSON data. It helps to validate JSON online with Error Messages. It's the only JSON tool that shows the image on hover on Image URL in a tree view. It's also a JSON Beautifier that supports ind
「php_flag short_open_tag off」の意味
以前エントリーした「さくらインターネット＋DynamicMTMLで「Internal Server Error」になる場合の対処」の、.htaccessに記述する「php_flag short_open_tag off」の意味について紹介します。 １．はじめに Apache 設定ファイル（.htaccess）に下記のphp_flagディレクティブが記述されていると、特定の環境で「Internal Server Error」になるようです。 php_flag short_open_tag off が、そもそもこのディレクティブや「short_open_tag」の意味が分かりません。 ２．php_flagディレクティブの意味 まずphp_flagディレクティブの意味は、PHPの設定の変更を行うためのものです。 フォーマットは、 php_flag name on|off になります。 つぎにna
jQuery Charts and Graphs for web | 150+ Charts & 1000+ Maps
Create Gantt, Line, Pie, Area and over 150 other charts for your web application. Using FusionCharts’ jQuery Plugin (compatible with both Bootstrap or jQuery UI) you can create charts which are responsive, interactive, and, support zooming, panning, APIs, animation, drill-downs, real-time updates, and even full exporting of charts & dashboards. It also comes with event support for mouse, keyboard,
XML サイトマップと RSS/Atom フィードのベストプラクティス
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
SVGモーフィングで、図形を徐々に変化させてみよう
2015年12月28日 SVG モーフィングとは、ある図形から別の図形へと自然に変形するように中間の画像を補正して映像を見せる技法です。Flashでは「シェイプトゥイーン」でモーフィングを表現していましたね（懐かしい！）。CSS3のアニメーションだと、画像の移動・回転なんかはできちゃいますが、形そのものを変形させるのは難しいです。SVGを使えば、そんなアニメーションも作成可能！さっそく挑戦してみましょう！ ↑私が10年以上利用している会計ソフト！ 追記（2015年12月28日）：SMILはSVG次期バージョンから非推奨となるようです。 Intent to deprecate: SMIL – Google Groups SVGモーフィングを使った例 SVGモーフィングとはなんぞや？ってことで、まずは以下の作例をご覧ください。徐々に変化していく様子がおもしろいですね！ リンク先ではバットマンの
robots.txtによりURLが制限されています(ウェブマスターツール) | inosh blog
robots.txtによりURLが制限されています 前回、sitemap.xmlを作成するGoogle XML Sitemapsの設定 でsitemap.xmlを自動作成＆検索エンジンへの通知をするように設定しました。 また、Wordpressの設定で「検索エンジンがサイトをインデックスしないようにする」のチェックを外しました。 そして、１番最初だけグーグルウェブマスターツールからsitemap.xmlを手動で送信しておこうと思い、送信してみたのです。 すると・・・ 説明 「サイトマップにアクセスしようとした際にエラーが発生しました。サイトマップがガイドラインに従っており、指定した場所からアクセスできることを確認してから、再送信してください。」 例 robots.txt により URL が制限されています ということなので、「robots.txt が重要なページをブロックしているかどうかを
HTML table Export
I'm web developer based in Chennai, India. I have been working in PHP, SHELL, MYSQL, MSSQL, SYBASE, PERL, JQUERY, JSON/XML/REST and noSQL. I am always open to learning and using new techniques (recently LESS, SASS,grunt). I'm a big fan of the oAuth and I wrote PHP class for light-weight oAuth authentication. Get in Touch
Code Beautify and Code Formatter For Developers - to Beautify, Validate, Minify, JSON, XML, JavaScript, CSS, HTML, Excel and more
What is CodeBeautify ? CodeBeautify is an online Code Beautifier and Code Formatter that allows you to beautify your source code. It also provides lots of tools that help to save developers time. Use search to find tools. How to use CodeBeautify ? Choose your Programming language, enter the source code ... and you are ready to go!
livedoorニュースから学ぶウェブメディア運営者のためのサイトマップ作成の基本術 : LINE Corporation ディレクターブログ
こんにちは。ウェブサービス本部でニュース周りを担当している須田です。 私が担当するlivedoorニュースでサイトマップ（sitemap）の改善に取り組んでみたところ、以下のように多くの検索ワードに対して良い結果が得られました。 ※今回のエントリーでのサイトマップは読者のためのサイトの目次となるサイトマップではなく、検索エンジン向けのサイトマップについて扱っています。 livedoorニュースでは元々この辺りにはあまり力を入れていなかったこともあり、全てのサイトで上の図にあるような数値の上昇は期待できないかもしれませんが、見落としがちなサイトマップの改良点をまとめましたのでぜひご参考にしてください。 サイトマップインデックスを作ろう なぜサイトマップインデックス作るのか サイトマップはご存知の通り、50,000URL、かつ10MBまでという制限があります。しかし、livedoorニュースの
sitemap.xmlの記載方法と書式、設置する事で得られるメリット
SEO Imagination！ブログは、札幌で活動するフリーのSEOディレクター伊藤公助のブログです。SEOやSEMなどの情報を配信していきます。 テクニックというか、技術的な部分についてあまり触れていませんでしので、今回はsitemap.xmlについて書きたいと思います。 かなり前ですが、モバイルサイト向けsitemap.xmlについての記事を書いた事がありました。 今回はPCサイト用のsitemap.xmlを設置する目的、その書き方や書式の意味について説明したいと思います。 sitemap.xmlは何の為に設置するのか？ 通常、sitemap.xmlはユーザーに見せるために設置するものではありません。 検索エンジンのクローラーがサイト内のページを効率よく巡回する為に設置するものです。 ユーザーにサイト内を効率よく巡回して欲しい、と感じた場合は、別途sitemap.htmlの様なページ
検索エンジンにサイトマップを送信する5つのメリットと4つの注意点
[対象: 全員] 僕のブログ読者ならきっとほぼ全員がサイトマップを検索エンジンに送信しているでしょう。 ここでいうサイトマップとはユーザーのために設置するサイト内のコンテンツを案内するウェブページのサイトマップではなく、検索エンジンにURL情報を伝えるためのサイトマップです。 あなたは何のためにサイトマップを送信していますか？ 不適切なURLをサイトマップに登録してはいませんか？ この記事では、何気なく利用しているサイトマップのメリットと注意点について学んでみます。 以下がこれから説明するコンテンツです。 サイトマップ送信のメリット インデックスの手助け コンテンツ更新の通知 正規化のヒント インデックス数の把握 アノテーションの記述 サイトマップの注意点 検索結果に出さないURLを含めない リダイレクト元のURLを含めない 存在しないURLを含めない 登録URL数に上限あり 順に見ていき
jQuery.ajaxメソッドのdataオプションに設定する変数がundefinedの場合の動作について
jQueryのajaxメソッドでdataオプションに設定する変数がundefinedの場合の動作について調べてみました。 動作というのは、POSTデータ・GETデータのことです。 １．dataオプションにJSON（または連想配列）を利用した場合 jQueryのajaxメソッドでdataに設定する変数の値にJSONや連想配列（ハッシュ）などを利用すれば、undefinedの変数についてはPOSTデータやGETデータとして渡されません。 サンプルソース <meta charset="utf-8" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script> $(function(){ $('#send').click(function(){ var para
死ぬほどはまった、XMLのタグ名に『：（コロン）』が使われていた場合の処理をメモ - 雑想空間
くそぉ・・。 なぜこんな単純なことに時間を使ってしまったのか・・・。 XMLをjQueryで処理して、fugafugaするサイトを作ろうとしてました。 XMLといっても、中身はrssなので、 <item> <title>test</title> <link>http://hoge</link> <media:content url="http://www.hoge/test.jpg" /> <media:thumbnail url="http://www.hoge/test.jpg" /> <pubDate>Wed, 03 Jun 2009 19:52:20 GMT</pubDate> </item>こんなデータが10個ほど続くだけの単純なもの。 まぁ、いけるだろ、って思って始めたら、えらい苦労した・・・orz 『：（コロン）』はjQuery では、フィルタとして使われる。 jQueryで
画像サイトマップについて | Google 検索セントラル | ドキュメント | Google for Developers
フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 画像サイトマップ 画像サイトマップは、特に他の方法では Google が検出できない可能性がある画像（JavaScript コードでサイトがアクセスする画像など）を含むサイト上のその他の画像について Google に伝える方法です。画像サイトマップを別に作成しても、既存のサイトマップに画像サイトマップのタグを追加してもかまいません。どちらの方法でも Google は読み取ることができます。 画像サイトマップは一般的なサイトマップを基にしているため、一般的なサイトマップに関するベスト プラクティスが画像サイトマップにも当てはまります。画像の公開に関する一般的なベスト プラクティスに従うこともおすすめします。 画像サイトマップの例 次の例は、画像サイトマップの拡張機能を使った 2 つの <u
jQueryの$.get()でXMLを操作する | UCWD-Studio - @matsuoka_UCWDjp 's Private Projects.
個人的にはjQueryを利用して新規のAjax処理を作る場合はJSONを使うのがほとんどですが、「RSSフィードを利用してあれこれしたい」とか「既存のサービスでも利用してるXMLで連携してどうこう」とか、X(HT)MLを連携に使いたい場合もまだまだ多いと思います。 が、普段JSONを利用してると「受信してきたX(HT)MLのDOMをどう操作するんだっけ?」と思い出せなくなることもあるので、備忘録としてまとめておきます。 結論からいくと、 var title = $('#anyElement>title', domObj).text(); のようにjQuery()の第2引数に操作したいDOMオブジェクトを指定することで実現できます。 サンプルとして、RSS2.0フィードを$.getで受信して記事のタイトルと概要を一覧にしてみます。 <!DOCTYPE html PUBLIC "-//W3C/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SVGを使ってウェブページにかっこいいエフェクトを与えるチュートリアルのまとめ