Категории

  • Огнетушители
  • Рукава пожарные
  • Оценка земли
  • Как бизнес
  • Оценка недвижимости
  • Услуги по оценке.
  • Индивидуальные средства защиты
  • ПротивоГАЗы
  • Новости
  • Новости

    Где купить держатель для Айфона в авто

    Сегодня очень многие автомобилисты задаются сакраментальным вопросом, который не может их не беспокоить - где купить держатель

    Где выбрать фотоаппарат

    С недавних пор увлекаюсь фото и видео съемкой. Приобрел фотоаппарат от Canon , т.к. доверяю данной компании и сталкивался с их продукцией не раз. И решил приобрести аксессуары для моей камеры. Начал

    Подтяжки
    С чем нужно носить купить подтяжки, как правильно их носить и что не нужно делать, чтобы не выглядеть глупо? Первоначально нужно разобраться, что если брюки немного слетают, то для этой цели существует

    Вызов электрика
    Все мы с удовольствием пользуемся результатами такого явления, как электрификация всей страны. Она позволила нашим соотечественникам получить прекрасную возможность не только улучшить качество своей

    Доставка пива
    За счет низкого содержания алкоголя и несравнимых вкусовых качеств пиво является самым популярным слабоалкогольным напитком в мире. Также оно занимает третье место по частоте употребления среди населения

    Слуховые аппараты в для пожилых людей
    Совершенно очевидно, что плохо слышать, очень нехорошо. Нужно лечиться, если, конечно, это возможно. Бывают случаи, когда не остается другого выхода, кроме, как поинтересоваться, где найти слуховые аппараты

    Диплом
    Самара комфортный и уютный город, в котором жить хорошо. Но еще лучше, если вы живете в Самаре и располагаете дипломом о высшем образование. Это позволяет занять руководящую или просто хлебную должность,

    Диплом
    Многие думают, что получать образование необходимо, так как нужен диплом для того чтобы получить приличную работу и не прозябать в безденежье. Но так не хочется терять драгоценные молодые годы, просиживая

    Диплом
    Любому здравомыслящему человеку не хочется терять драгоценные молодые годы, просиживая их в скучных аудиториях. Но тут, казалось бы, ничего не поделаешь. Ведь диплом нужен для того чтобы получить приличную

    Ремонт тентов полуприцепов
    Грузовиков с тентом в нашей стране насчитывается немало. А те, кто купил и активно используют грузовой тентованный автомобиль, всегда будут интересоваться-а где, собственно, производится ремонт тентов

    AngularJS: индексируйте и заряжайте ваш SEO

    1. Хотите скачать эти инструкции и весь код в формате PDF?
    2. AngularJS и SEO: проблема
    3. AngularJS и SEO: решение
    4. Шаг первый: создание снимков
    5. Шаг 2: Установка сервера
    6. 1 - Установите NPM и NodeJS
    7. 2 - Установить навсегда
    8. 3 - Установить и запустить Prerender.io
    9. 4 - Установить сервер Redis
    10. 5 - заставить Prerender использовать сервер Redis для кэширования снимков
    11. Шаг 3: Конфигурация сервера
    12. Шаг 4: Настройка приложения
    13. Шаг 5: Тестирование сервера Prerender
    14. Шаг 6: добавьте карту сайта
    15. Заключение

    AngularJS - хорошая платформа для создания веб-сайтов и приложений, потому что она делает их намного быстрее и богаче для пользователей.

    Но есть одна проблема, с которой сталкивается каждый разработчик при продвижении своего продукта AngularJS: поисковая оптимизация или SEO.

    Качественный SEO означает быть найденным среди всего шума онлайн. Когда сайт или приложение оптимизировано для поиска, вероятнее всего его найдут потенциальные пользователи. Если он не оптимизирован, то разработчик мог бы также кричать на ветру - никакого воздействия и никаких пользователей почти не гарантировано.

    В настоящее время наиболее распространенными методами решения этой проблемы является создание отдельных версий приложения или веб-сайта для поисковых систем или предварительная визуализация страниц на сервере. Проблема этих решений, однако, заключается в том, что вам необходимо поддерживать две отдельные системы: одну для ваших пользователей, другую для Google и другие поисковые системы.

    Хотя Google попытался помочь разработчикам, улучшив свои возможности индексирования JavaScript и CSS, но даже если Усилия Google по индексированию JavaScript начиная с 2014 года, это не означает, что ваше приложение будет проиндексировано должным образом. Действительно, Google по-прежнему рекомендует создание снимков сделать приложение AJAX сканируемым ,

    Но как именно создаются эти снимки? И как разработчик может быть уверен, что их приложение или веб-сайт AngularJS правильно и полностью проиндексированы Google?

    В этом посте мы представляем бесплатное и самостоятельно размещаемое решение для создания снимков и обеспечения возможности сканирования, индексации и оптимизации вашего веб-сайта или приложения AngularJS для Google.

    Хотите скачать эти инструкции и весь код в формате PDF?

    Введите адрес электронной почты и получите его бесплатно!

    AngularJS и SEO: проблема

    Сканеры поисковых систем изначально были предназначены для индексации HTML-содержимого веб-страниц.

    Однако сегодня JavaScript и другие фреймворки, такие как AngularJS и BackboneJS, играют ведущую роль в веб-разработке и создании контента и приложений в Интернете.

    К сожалению, сканеры и другие механизмы индексации в поисковых системах остаются явно недружественными к сайтам на JavaScript.

    AngularJS и SEO: решение

    Преодолеть проблему индексации несложно, когда разработчики используют так называемые «моментальные снимки».

    Снимки - это термин, используемый для обозначения контента, созданного для поисковых роботов в бэкэнде веб-сайта. Идея моментальных снимков заключается в том, что разработчик выполняет работу для сканера, которую он не может или не хочет делать самостоятельно. Оптимизация и кэширование моментальных снимков не только помогают индексировать, но и значительно повышают скорость индексации.

    Важное примечание: индексация JavaScript в настоящее время относится только к сканеру Google. Другие поисковые роботы (например, из поисковой системы Microsoft Bing) пока не поддерживают сканирование приложений JavaScript. Кроме того, несмотря на то, что веб-контент все чаще используется в социальных сетях, таких как Facebook и Twitter, большинство сканеров социальных сетей также не поддерживают JavaScript.

    Итак, как вы генерируете снимки и как вы работаете с ними, чтобы убедиться, что вы проиндексированы?

    Продолжайте читать для пошагового руководства.

    Шаг первый: создание снимков

    Первым шагом является создание самих снимков.

    Для этого нам нужен доступ к серверу моментальных снимков на основе безголовый браузер такие как PhantomJS или ZombieJS. В этом примере мы будем использовать промежуточное программное обеспечение с открытым исходным кодом Предварительно обрабатывать он уже упаковывает PhantomJS и готов обрабатывать наши специальные запросы сканера и предоставлять снимки HTML.

    Чтобы сократить время, требуется создать моментальные снимки, кеш которых можно использовать. Моментальные снимки кэшируются на сервере Redis при первом запросе, а затем повторно кэшируются один раз в день (примечание: это можно настроить вручную в соответствии с вашими потребностями), чтобы обеспечить актуальность содержимого. В результате статический снимок всегда и мгновенно доступен для обслуживания искателю.

    Шаг 2: Установка сервера

    В этом примере мы будем использовать сервер Apache, работающий на Ubuntu 14.04.2 LTS.

    Здесь нужно выполнить пять подэтапов.

    1 - Установите NPM и NodeJS

    sudo apt-get update sudo apt-get install nodejs npm ln -s / usr / bin / nodejs / usr / bin / node

    2 - Установить навсегда

    npm установить навсегда -g

    3 - Установить и запустить Prerender.io

    git clone https://github.com/prerender/prerender.git cd prerender npm install

    Убедитесь, что сервер запускается на 4001, а PhantomJS на 4002.

    Вы можете редактировать этот файл, если вы хотите изменить порт:

    /lib/index.js

    Вернитесь в папку Prerender и запустите сервер навсегда - это поможет запустить сервер непрерывно в фоновом режиме.

    навсегда запустить server.js

    4 - Установить сервер Redis

    Добавьте репозитории Dotdeb к вашим источникам APT. Для этого создайте новый файл списка в /etc/apt/sources.list.d/ и заполните его следующим содержимым:

    # /etc/apt/sources.list.d/dotdeb.org.list deb http://packages.dotdeb.org сжать все deb-src http://packages.dotdeb.org сжать все

    Затем вам нужно аутентифицировать эти репозитории, используя их открытый ключ:

    wget -q -O - http://www.dotdeb.org/dotdeb.gpg | sudo apt-key add -

    Далее установите Redis с помощью apt-get:

    sudo apt-get update sudo apt-get установить redis-сервер

    Затем включите службу Redis для запуска при загрузке:

    sudo service redis_6379 start sudo service redis_6379 stop

    Затем вы должны проверить статус Redis:

    $ redis-cli ping

    Вы получите «PONG», если все в порядке.

    5 - заставить Prerender использовать сервер Redis для кэширования снимков

    Prerender имеет модуль с открытым исходным кодом, Предварительно обрабатывать-Redis-Cache , что облегчает выполнение этой задачи.

    В вашем локальном проекте prerender (prerender / server.js) запустите:

    $ npm устанавливает prerender-redis-cache --save

    Затем добавьте эти две строки в prerender / server.js:

    process.env.PAGE_TTL = 3600 * 24 * 5; // изменить на 0, если вы хотите все время кэшировать server.use (require ('prerender-redis-cache'));

    Перезапустите Prerender по:

    навсегда остановить навсегда запустить server.js

    И если вы хотите очистить весь кеш REDIS, вы можете использовать:

    redis-cli -p 6379 flushall

    Шаг 3: Конфигурация сервера

    Теперь мы перенаправим сканеры на локальный сервер Prerender с помощью простого файла .htaccess.

    Этот файл htaccess содержит все конфигурации перенаправления. Обратите внимание, что файл .htaccess должен находиться в том же каталоге, что и основной файл AngularJS index.html.

    <IfModule mod_rewrite.c> RewriteEngine On Options + FollowSymLinks # перенаправить не www на www RewriteCond% {HTTP_HOST}! ^ Www \. RewriteRule ^ (. *) $ Http: //www.% {HTTP_HOST} / $ 1 [R = 301, L] # Не переписывать файлы или каталоги RewriteCond% {REQUEST_FILENAME} -f [OR] RewriteCond% {REQUEST_FILENAME} - d RewriteRule ^ - [L] # Список всех сканеров и ботов, которых вы можете добавить больше. | Ezooms | MSNBot | Exabot | MJ12bot | Sogou \ sspider | YandexBot | bitlybot | ia_archiver | proximic | spbot | ChangeDetection | NaverBot | MetaJobBot | сороки-гусеничный | Genieo \ sдоступна из \ sfilter | Qualidator.com \ sBot | Woko | Vagabondo | 360Spider | ExB \ жаргон \ Scrawler | AddThis.com | aiHitBot | Spinn3r | BingPreview | GrapeshotCrawler | CareerBot | ZumBot | ShopWiki | bixocrawler | uMBot | sistrix | linkdexbot | AhrefsBot | archive.org_bot | SeoCheckBot | TurnitinBot | VoilaBot | SearchmetricsBot | Бабочка | Yahoo ! | Plukkie | yacybot | trendictionbot | UASlinkChecker | Blekkobot | Wotbox | YioopBot | meanpathbot | TinEye | LuminateBot | FyberSpider | Infohelfer | linkdex.com | Любопытный \ sGeorge | Fetch-Ге ss | ichiro | MojeekBot | SBSearch | WebThumbnail | socialbm_bot | SemrushBot | Vedma | alexa \ ssite \ saudit | SEOkicks-Robot | Browsershots | BLEXBot | woriobot | AMZNKAssocBot | Быстрый | oBot | Интернет-магазин | Предварительный просмотр | showyoubot | outbrain | pinterest | slackbot | vkShare | W3C_Validator [NC, OR] RewriteCond% {QUERY_STRING} _escaped_fragment_ # Только прокси-запрос к Prerender, если это запрос HTML RewriteRule ^ (?!. *? (\. js \ .css | \ .xml | \ .less | \ .png | \ .jpg | \ .jpeg | \ .gif | \ .pdf | \ .doc | \ .txt | \ .ico | \ .rss | \. застежка-молния | \ .mp3 | \ .rar | \ .exe | \ .wmv | \ .doc | \ .avi | \ .ppt | \ .mpg | \ .mpeg | \ .tif | \ .wav | \ .mov | \ .psd | \ .ai | \ .xls | \ .mp4 | \ .m4a | \ .swf | \ .dat | \ .dmg | \ .iso | \ .flv | \ .m4v | \ .torrent)) ( . *) http://www.mydomain.com:4001/http://www.mydomain.com/$2 [P, L] # Перепишите все остальное в index.html, чтобы разрешить ссылки на состояния html5 RewriteRule ^ index.html [ L] </ IfModule>

    Вы завершили все задачи по установке на стороне сервера, поэтому пришло время настроить приложение AngularJS.

    Шаг 4: Настройка приложения

    Сначала откройте файл Angularjs index.html и:

    1. убедитесь, что у вас есть <base href = ”/”> перед </ head>
    2. добавить <meta name = ”фрагмент” content = ”!”> между <head> </ head> (добавив этот тег на страницу www.example.com, сканер временно свяжет этот URL с www.example.com? _escaped_fragment_ = и запросит это с вашего сервера)

    Во-вторых, активируйте режим HTML5.

    В вашем файле config.js добавьте:

    $ LocationProvider.html5Mode (истина);

    Это скажет вашему приложению использовать формат URL HTML5.

    URL-адреса обычно выглядят как http://www.example.com/directory/page , По умолчанию элементы AngularJS будут иметь такие URL-адреса: http://www.example.com/#!/directory/page

    var app = angular.module ('app') .config (['$ httpProvider', '$ locationProvider', функция ($ httpProvider, $ locationProvider) {// использовать API истории HTML5 $ locationProvider.html5Mode (true);…

    В-третьих, вам нужно управлять мета-тегами.

    Чтобы улучшить SEO вашего приложения или веб-сайта, вы должны иметь уникальный заголовок и описание для каждой страницы. Модуль AngularJS называется AngularJS-View-Head уже существует, чтобы решить эту проблему. Этот модуль поможет нам изменить заголовок HTML и элементы заголовка для каждого просмотра.

    Как вы работаете это на практике?

    Начните с установки этого модуля с помощью беседки.

    Затем объявите модуль как зависимость вашего приложения:

    var app = angular.module ('myApp', ['ng', 'viewhead']);

    Это делает доступными директивы, описанные в вашем HTML-шаблоне.

    Наконец добавьте метатеги в шаблон.

    <view-title> {{artist.title}} </ view-title> <meta view-head name = "description" content = "{{'SEO.ARTIST.DESCRIPTION' | translate: {artist: artist.name, artist_ar: artist.name_ar}}} "/> <! - Открыть данные графика ---> <meta view-head property =" og: title "content =" {{artist.name}} "/> <мета-представление -head property = "og: type" content = "article" /> <meta view-head property = "og: url" content = "http://www.example.com/artist/ndomумыartartist.slug}} "/> <meta view-head property =" og: image "content =" {{artist.photo}} "/> <meta view-head property =" og: description "content =" {{artist.description}} "/>

    Шаг 5: Тестирование сервера Prerender

    Если вы выполнили все шаги, все должно работать хорошо. Тем не менее, лучше, чем потом сожалеть, пришло время проверить.

    Сравните источник одной из ваших страниц с _escaped_fragment_ и без него в URL.

    Вы можете проверить определенные маршруты в вашем браузере и сравнить:

    http://www.example.com/directory/page
    http://www.example.com/directory/page?_escaped_fragment_=

    Шаг 6: добавьте карту сайта

    Последний шаг в вашей стратегии AngularJS SEO заключается в разработке карты сайта.

    Чтобы помочь поисковым системам сканировать ваше приложение или веб-сайт и обеспечить быструю индексацию страниц, необходимо создать карту сайта для всех ваших маршрутов. Это кажется трудным сделать, однако, при правильных процессах сборки это можно автоматизировать с помощью такого инструмента, как Grunt.

    (Заголовок: мы скоро опубликуем еще один пост, объясняющий, как автоматизировать карту сайта с помощью Grunt!)

    Заключение

    Важно убедиться, что поисковые системы и - посредством поиска - пользователи могут найти ваше приложение или веб-сайт. Стратегия, представленная в этом посте, быстро реализуема, масштабируема и проста в обслуживании, а также, где она используется, должна помочь вам установить необходимые подключения и завоевать нужных вам пользователей.