Explore all Search Engine Optimization open source software, libraries, packages, source code, cloud functions and APIs.

Popular New Releases in Search Engine Optimization

nuxt.js

fanqiang

ChromeGo一键翻墙包-ChromeGowindows版集成翻墙包

react-static

rax

v1.2.2

loadable-components

Popular Libraries in Search Engine Optimization

nuxt.js

by nuxt doticonjavascriptdoticon

star image 39155 doticonNOASSERTION

The Intuitive Vue(2) Framework

fanqiang

by bannedbook doticonkotlindoticon

star image 23529 doticon

翻墙-科学上网

Shadowrocket-ADBlock-Rules

by h2y doticonpythondoticon

star image 11805 doticonNOASSERTION

提供多款 Shadowrocket 规则,带广告过滤功能。用于 iOS 未越狱设备选择性地自动翻墙。

vue-hackernews-2.0

by vuejs doticonjavascriptdoticon

star image 10938 doticonMIT

HackerNews clone built with Vue 2.0, vue-router & vuex, with server-side rendering

react-static

by react-static doticonjavascriptdoticon

star image 9762 doticonMIT

⚛️ 🚀 A progressive static site generator for React.

rax

by alibaba doticonjavascriptdoticon

star image 7675 doticonNOASSERTION

🐰 Rax is a progressive framework for building universal application. https://rax.js.org

shadowsocks_install

by teddysun doticonshelldoticon

star image 7483 doticon

Auto Install Shadowsocks Server for CentOS/Debian/Ubuntu

loadable-components

by gregberge doticonjavascriptdoticon

star image 6482 doticonMIT

The recommended Code Splitting library for React ✂️✨

zero

by remoteinterview doticonjavascriptdoticon

star image 5832 doticonApache-2.0

Zero is a web server to simplify web development.

Trending New libraries in Search Engine Optimization

petite-vue

by vuejs doticontypescriptdoticon

star image 5561 doticonMIT

6kb subset of Vue optimized for progressive enhancement

qwik

by BuilderIO doticontypescriptdoticon

star image 3098 doticonMIT

The HTML-first framework. Initialize apps of any size with < 1kb JS

micro-app

by micro-zoe doticonjavascriptdoticon

star image 2244 doticonMIT

A lightweight, efficient and powerful micro front-end framework. 一款轻量、高效、功能强大的微前端框架

proxypool

by zu1k doticongodoticon

star image 1978 doticonGPL-3.0

自动抓取tg频道、订阅地址、公开互联网上的ss、ssr、vmess、trojan节点信息,聚合去重后提供节点列表。欢迎star和follow

elderjs

by Elderjs doticontypescriptdoticon

star image 1840 doticonMIT

Elder.js is an opinionated static site generator and web framework for Svelte built with SEO in mind.

next-sitemap

by iamvishnusankar doticontypescriptdoticon

star image 1439 doticonMIT

Sitemap generator for next.js. Generate sitemap(s) and robots.txt for all static/pre-rendered/dynamic/server-side pages.

ssr

by ykfe doticontypescriptdoticon

star image 1407 doticonMIT

A most advanced ssr framework support React/Vue2/Vue3 on Earth that implemented serverless-side render specification.

flareact

by flareact doticonjavascriptdoticon

star image 1393 doticonMIT

Edge-rendered React framework built for Cloudflare Workers

vite-plugin-ssr

by brillout doticontypescriptdoticon

star image 948 doticonMIT

Like Next.js / Nuxt but as do-one-thing-do-it-well Vite plugin.

Top Authors in Search Engine Optimization

1

easy-team

18 Libraries

star icon2943

2

Yoast

6 Libraries

star icon535

3

kriasoft

6 Libraries

star icon6768

4

hopsoft

6 Libraries

star icon2456

5

ganatan

6 Libraries

star icon695

6

spatie

6 Libraries

star icon3474

7

TrilonIO

5 Libraries

star icon1786

8

wooline

5 Libraries

star icon444

9

nearform

5 Libraries

star icon40

10

AngularClass

4 Libraries

star icon55

1

18 Libraries

star icon2943

2

6 Libraries

star icon535

3

6 Libraries

star icon6768

4

6 Libraries

star icon2456

5

6 Libraries

star icon695

6

6 Libraries

star icon3474

7

5 Libraries

star icon1786

8

5 Libraries

star icon444

9

5 Libraries

star icon40

10

4 Libraries

star icon55

Trending Kits in Search Engine Optimization

Here are the top NextJS Routing libraries that offer features to the built-in routing systems. It makes it easy to handle complex routing scenarios and improve the user experience. These libraries offer advanced routing features that define complex routes with multiple parameters. Routing libraries will allow you to define dynamic routes, where you can replace the specific parts of the URL with variables. 


It provides middleware support that defines functions executed before or after we handle a route. Routing libraries often support localization and internationalization. It allows you to define translations on your routes. It offers features for handling authorization and authentication to secure your routes easier. It provide SEO features for defining meta tags and other information for improving the search visibility of your routes. It will provide sitemap generation features for easily generating a sitemap for your application. It offers server-side rendering features to render pages on the server and improve performance. 


Here is the list of the top 10 NextJS Routing libraries handpicked to choose the appropriate one as per their requirements:

next-auth:

  • Is a library that offers authorization and authentication features for NextJS applications. 
  • Designed for Serverless but will run anywhere, like Docker, AWS Lambda, Heroku, and many more. 
  • Supports email or passwordless authentication, stateless authentication with any backend.
  • Supports JSON database and Web Tokens sessions.

next-seo:

  • Is a library that offers Search Engine Optimization features for NextJS applications.
  • Enables you to set some default SEO properties which will appear on all your pages without requiring it to be included in any of them.
  • You can override the pages depending on your requirements.
  • Offers a link to indicate the relationship between a mobile website and a desktop to search engines.

next-i18next:

  • Is a library that allows you to add localization and internationalization to your NextJS applications. 
  • Offers internationalized routing directly.
  • It cannot handle any management of content translation or the actual functionality. 
  • Offers the remaining functionalities like translation content management for translating your React components.

next-routes: 

  • A simple wrapper around NextJS routing makes it easier to define handling redirects and dynamic routes. 
  • Offers a flexible and simple method for defining catch-all routes and other complex routing scenarios. 
  • Allows you to define your routes with the help of fluent API and easily handle route and redirecting parameters. 

next-redux-wrapper:

  • Is a library that offers server-side rendering and state management for NextJS applications. 
  • Helps you handle the initial data fetching and rendering of the Redux state management library.
  • Offers an effortless way to integrate with React components on the client. 
  • Can define a wrapper component that wraps your entire NextJS application and offers access to the Redux store.

next-sitemap:

  • Is a library that can generate a sitemap for your NextJS applications. 
  • A sitemap.xml file will list all the pages on your website
  • Offer information about each page, like the change frequency, the last modified date, and the priority. 
  • Makes it easy to generate a sitemap.xml file for your NextJS application. 

next-optimized-images:

  • Is a library that will optimize the images for your NextJS applications. 
  • Helps reduces image size by optimizing images during the build, small inline images to save HTTP requests and roundtrips. 
  • Improves loading speed by offering progressive images.
  • Adding a content hash to the file name so images can get attached on CDN level and in the browser for a long time.

next-offline: 

  • Is a library that allows your NextJS applications to work offline using service workers.  
  • Can intercept cache responses and network requests and respond to requests even if the user is offline. 
  • Can add service worker support to your application using small codes.  

nextjs-auth0:

  • Is a library that offers authentication and authentication features for your NextJS applications.
  • Offers customizable login and logout buttons which you can easily add to your application.
  • Supports various authentication providers, like Google, Twitter, and Facebook.

next-with-apollo:

  • Is a library that offers server-side rendering support for Apollo Client in your NextJS applications. 
  • Offers features for working with GraphQL APIs, like state management, caching, and error handling.
  • Can easily add Apollo to your NextJS application and start working with GraphQL APIs.


Here are the best open-source Vue routing libraries for your applications. You can use these to build dynamic and responsive single-page applications (SPAs). Also, Vue's built-in routing system makes it easier for developers to create complex, feature-rich applications.


Vue is a popular JavaScript framework for building web applications and includes powerful system routing libraries. These allow developers to define and navigate between nested and dynamic routes. They include route guards for authentication and authorization, lazy loading of components, and transition effects between routes. One of the most popular Vue Routing Libraries is Vue Router. It is an official plugin for Vue that provides a comprehensive routing system for single-page applications. Additionally, some libraries support server-side rendering, static site generation, and dynamic route matching. Certain libraries include features such as automatic code-splitting and data prefetching, which can help optimize your application's performance.


Vue Routing Libraries can help simplify the process of building complex web applications with Vue by providing additional functionality and features that extend the built-in routing system. We have handpicked the top and trending open-source Vue routing libraries for your next application development project:

Vue Router:

  • Used in Networking, Router, Vue applications, etc.
  • It’s the official routing library for Vue.
  • Provides a comprehensive routing system.
  • Support nested and dynamic routes, route guards, transition effects, and more.

Nuxt.js:

  • Used in Search Engine Optimization, Server Side Rendering, Vue, React, Webpack, Boilerplate applications, etc.
  • It’s a framework built on top of Vue.
  • Includes a powerful routing system.
  • Support server-side rendering, static site generation, and automatic code-splitting.

Vue Router Next:

  • Used for its updated syntax and new features.
  • It’s a version of the Vue Router that is compatible with Vue 3.
  • Offers the ability to define routes using functions.

Vue Router Transition:

  • Used to add transition effects between pages for Vue applications.
  • Provides pre-built transition effects for use with Vue Router
  • Features include fade, slide, and zoom effects.

Vue Route Middleware:

  • Used in Server, Runtime Environment, React applications, etc.
  • Provides middleware functionality for Vue Router
  • Allows developers to apply common logic to routes such as authentication and authorization.

Vue Router Sitemap:

  • Used in Search Engine Optimization, Sitemap, Vue applications, etc.
  • Generates a sitemap.xml file for a Vue Router-based application.
  • Helps to improve SEO and search engine indexing.

Vue-smart-route:

  • Used in Networking, Router, Vue applications, etc.
  • Offers smart route search to make intelligent-looking apps.
  • Supports both static routes and async ones.
  • Allows creating a query system based on your routes.

Vuepack:

  • Used in User Interface, State Container, Vue, Webpack, Electron, Boilerplate applications, etc.
  • Offers a modern Vue.js starter, including Vue 2, Vuex, Vue-router, and Webpack 2.
  • Provides a progressive web app that can work offline as well.

Here are the best open-source Python Bluetooth libraries for your applications. You can use these components to enable SEO capabilities such as managing and controlling the metadata in your web applications. 


One of the key aspects of a successful web application is having good search engine optimization (SEO). To help with this, several libraries available for Django can assist with optimizing a website for search engines.


These libraries provide a simple way to manage and control the title, description, and keywords for each page, and it will automatically include them in the HTML header. This helps search engines understand the content of a page and can improve the website's search ranking. Also, some libraries allow you to add custom meta tags to a Django-based website. They provide the flexibility to add meta tags for specific pages or sections of the website. This can help you provide more information to search engines and improve the visibility of your website in search results.


We have handpicked the top and tending open-source Django SEO libraries that offer various capabilities to ensure that your Django-based website is optimized for search engines and provides a great user experience.

Django SEO:

  • Used for optimizing Django-powered websites.
  • Offers a comprehensive set of tools for search engines optimization.
  • Allows you to associate metadata with absolute paths, model instances, model classes, and views.

Django Check SEO:

  • Used to check the SEO aspects of a website.
  • Provide suggestions in case of any issues in website optimization.
  • Scans the website across many SEO aspects of your web pages.
  • Compatible with Django & Django-CMS.

Django-Meta:

  • Used to add metadata to your Django website.
  • Available in the form of a pluggable app.
  • Supports Django 2.2 to 4.0 and newer versions and Python 3.7 to 3.10.

Django-sitemap-generate:

  • Used to generate sitemaps automatically.
  • Re-generates sitemap files periodically, generally once per day.
  • Does not affect the backend performance of your website.

Django-ok-SEO:

  • Used to add meta tags and OpenGraph properties to HTML webpages.
  • Offers a model to fetch SEO data by URL.
  • Used the ViewSeo models, you can attach SEO data for specific views.

Django-SEO-JS:

  • Used in Architecture, Single Page Applications, Vue, Angular, and React applications.
  • Provides tools for optimizing JavaScript-based Django websites for search engines.
  • Easy to set up and configurable with multiple services and easy to customize.

Django-simple-SEO:

  • Used as a simple SEO backend for Django.
  • Works with Python 2.7, 3.2, 3.3, 3.4, and Django 1.4, 1.5 and 1.6.
  • Offers functions like UrlFields and ImageFields in admin mode.
  • Supports i18n, S3 storage, and custom fields.

Trending Discussions on Search Engine Optimization

Angular SSR with Universal and Ionic doesn't show actual data in page source

How to get prototype data from rss . file?

Vaadin 14 Flow and SEO, PWA

How to put &lt;h1&gt;, &lt;h2&gt; tags in legend of &lt;p:fieldset&gt;?

How to split a document in a list in python

How do i fix Upwork clone sliding page problem (JS)

Angular SEO how to correctly implement dynamic title and meta?

My WordPress featured image is not showing up on Facebook post and with Tweets

Need assistance with yes-or-no questions

Is there a way to fix javascript &quot;touch&quot; events firing twice on IOS devices? (Video example included)

QUESTION

Angular SSR with Universal and Ionic doesn't show actual data in page source

Asked 2021-Nov-07 at 19:31

I have an Angular 11 project with nguniversal. My homepage is fetching data from services, internal (translation keys object) and external (an express node server to display a list of links). The backend domain is different from the frontend domain address.

The website is displayed correctly, but for some reason, the translations and list of links are not loaded initially when I inspect the page source. Also, the meta and title tags are not visible in the page source. Although they are working.

I believe this should be essential for Search Engine Optimization.

I am loading the language keys from an internal translation service, as observable into the app.component.ts. The translation service itself is dependent on a window service which waits for the browser to load, isPlatformBrowser. The window service is needed to simulate the window object on the server.

I also tried fetching the api data, before or after platform browser initializes, but with no success.

What else am I missing?

EDIT, part of the code. Not sure if I should include the whole project code here:

1&quot;dependencies&quot;: {
2  &quot;@angular/animations&quot;: &quot;11.0.5&quot;,
3  &quot;@angular/common&quot;: &quot;~11.0.5&quot;,
4  &quot;@angular/core&quot;: &quot;~11.0.5&quot;,
5  &quot;@angular/forms&quot;: &quot;~11.0.5&quot;,
6  &quot;@angular/platform-browser&quot;: &quot;~11.0.5&quot;,
7  &quot;@angular/platform-browser-dynamic&quot;: &quot;~11.0.5&quot;,
8  &quot;@angular/platform-server&quot;: &quot;~11.0.5&quot;,
9  &quot;@angular/router&quot;: &quot;~11.0.5&quot;,
10  &quot;@capacitor/core&quot;: &quot;2.4.5&quot;,
11  &quot;@ionic-native/core&quot;: &quot;^5.0.0&quot;,
12  &quot;@ionic-native/splash-screen&quot;: &quot;^5.0.0&quot;,
13  &quot;@ionic-native/status-bar&quot;: &quot;^5.0.0&quot;,
14  &quot;@ionic/angular&quot;: &quot;^5.0.0&quot;,
15  &quot;@nguniversal/express-engine&quot;: &quot;11.0.1&quot;,
16  &quot;@schematics/angular&quot;: &quot;11.0.5&quot;,
17  &quot;@types/memory-cache&quot;: &quot;0.2.1&quot;,
18  &quot;cors&quot;: &quot;2.8.5&quot;,
19  &quot;express&quot;: &quot;^4.15.2&quot;,
20  &quot;ion2-calendar&quot;: &quot;3.5.0&quot;,
21  &quot;leaflet&quot;: &quot;1.7.1&quot;,
22  &quot;memory-cache&quot;: &quot;0.2.0&quot;,
23  &quot;moment&quot;: &quot;2.29.1&quot;,
24  &quot;ng2-completer&quot;: &quot;9.0.1&quot;,
25  &quot;ng2-file-upload&quot;: &quot;1.4.0&quot;,
26  &quot;rxjs&quot;: &quot;~6.5.5&quot;,
27  &quot;socket.io-client&quot;: &quot;4.1.2&quot;,
28  &quot;tslib&quot;: &quot;^2.0.0&quot;,
29  &quot;url-search-params-polyfill&quot;: &quot;8.1.0&quot;,
30  &quot;zone.js&quot;: &quot;~0.10.3&quot;
31},
32&quot;devDependencies&quot;: {
33  &quot;@angular-devkit/build-angular&quot;: &quot;~0.1100.5&quot;,
34  &quot;@angular/cli&quot;: &quot;~11.0.5&quot;,
35  &quot;@angular/compiler&quot;: &quot;~11.0.5&quot;,
36  &quot;@angular/compiler-cli&quot;: &quot;~11.0.5&quot;,
37  &quot;@angular/language-service&quot;: &quot;~11.0.5&quot;,
38  &quot;@capacitor/cli&quot;: &quot;2.4.5&quot;,
39  &quot;@ionic/angular-server&quot;: &quot;5.6.0-dev.202012021910.3a763f4&quot;,
40  &quot;@ionic/angular-toolkit&quot;: &quot;^2.3.0&quot;,
41  &quot;@nguniversal/builders&quot;: &quot;^11.0.1&quot;,
42  &quot;@types/express&quot;: &quot;^4.17.0&quot;,
43  &quot;@types/jasmine&quot;: &quot;~3.5.0&quot;,
44  &quot;@types/jasminewd2&quot;: &quot;~2.0.3&quot;,
45  &quot;@types/node&quot;: &quot;^12.11.1&quot;,
46  &quot;codelyzer&quot;: &quot;^6.0.0&quot;,
47  &quot;jasmine-core&quot;: &quot;~3.5.0&quot;,
48  &quot;jasmine-spec-reporter&quot;: &quot;~5.0.0&quot;,
49  &quot;karma&quot;: &quot;~5.1.1&quot;,
50  &quot;karma-chrome-launcher&quot;: &quot;~3.1.0&quot;,
51  &quot;karma-coverage-istanbul-reporter&quot;: &quot;~3.0.2&quot;,
52  &quot;karma-jasmine&quot;: &quot;~3.3.0&quot;,
53  &quot;karma-jasmine-html-reporter&quot;: &quot;^1.5.0&quot;,
54  &quot;protractor&quot;: &quot;~7.0.0&quot;,
55  &quot;ts-node&quot;: &quot;~8.3.0&quot;,
56  &quot;tslint&quot;: &quot;~6.1.0&quot;,
57  &quot;typescript&quot;: &quot;~4.0.5&quot;
58

ANSWER

Answered 2021-Nov-07 at 19:31

Actually I needed to implement a resolver for my component. So it waits for data to be fetched from a service.

Angular Resolve

This question actually helped with the implementation.

Some questions still remain, but it looks like a step in the right direction.

Source https://stackoverflow.com/questions/69795551

QUESTION

How to get prototype data from rss . file?

Asked 2021-Oct-05 at 04:07

I have 1 rss file and I want to get the data including the html code from here. I tried with IMPORTFEED from Sheet but it doesn't display the html code as I want.

Here is my sample rss file:

1 &lt;channel&gt;
2&lt;item&gt;
3&lt;title&gt;5 Small Business Digital Marketing Tips | Donklephant&lt;/title&gt;
4&lt;link&gt;https://www.google.com/url?rct=j&amp;sa=t&amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;ct=ga&amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ&lt;/link&gt;
5&lt;dc:identifier/&gt;
6&lt;pubDate&gt;Sun, 03 Oct 2021 07:26:15 +0000&lt;/pubDate&gt;
7&lt;dc:creator/&gt;
8&lt;guid isPermaLink=&quot;true&quot;&gt;https://www.google.com/url?rct=j&amp;amp;sa=t&amp;amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;amp;ct=ga&amp;amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ&lt;/guid&gt;
9&lt;description&gt;Getting leads and sales is sometimes more difficult than business owners expect. In fact, about 65% of businesses say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle.  Here are five digital marketing tips that can set your...&lt;/description&gt;
10&lt;content:encoded&gt;&lt;div&gt;&lt;img src=&quot;https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg&quot; class=&quot;ff-og-image-inserted&quot;&gt;&lt;/div&gt;&lt;p&gt;Getting leads and sales is sometimes more difficult than business owners expect. In fact, about &lt;a href=&quot;https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref&quot;&gt;65% of businesses&lt;/a&gt; say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. &lt;/p&gt; &lt;p&gt;Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.&lt;/p&gt; &lt;p&gt;Set your business up for growth this year. Develop your digital marketing plan with these five tips today. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;1. Establish Brand Guidelines&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.&lt;/p&gt; &lt;p&gt;Your guidelines should outline your:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Mission statement&lt;/li&gt; &lt;li&gt;Vision statement&lt;/li&gt; &lt;li&gt;Personality&lt;/li&gt; &lt;li&gt;Voice&lt;/li&gt; &lt;li&gt;Tone&lt;/li&gt; &lt;li&gt;Color palette&lt;/li&gt; &lt;li&gt;Photography/imagery styles&lt;/li&gt; &lt;li&gt;Logo styles&lt;/li&gt; &lt;li&gt;Font styles&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;2. Update Your Website&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Take the time to update your website as well. An old, slow, outdated website could cost you customers.&lt;/p&gt; &lt;p&gt;In fact, &lt;a href=&quot;https://fitsmallbusiness.com/website-statistics/&quot;&gt;38% of consumers&lt;/a&gt; stop interacting with poorly designed websites. They might judge your credibility based on your site, too.&lt;/p&gt; &lt;p&gt;Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. &lt;/p&gt; &lt;p&gt;You can learn how to get the most from your &lt;a href=&quot;https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/&quot;&gt;web design&lt;/a&gt; here.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;3. Create Content&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).&lt;/p&gt; &lt;p&gt;SEO will help people find your website when they search for your product or service online.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;4. Gather and Nurture Leads&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;As you use these digital marketing tips, make sure you have a plan for generating leads.&lt;/p&gt; &lt;p&gt;For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.&lt;/p&gt; &lt;p&gt;Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;5. Stay Social&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.&lt;/p&gt; &lt;p&gt;Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.&lt;/p&gt; &lt;p&gt;Otherwise, use influencer marketing to expand your reach online. &lt;/p&gt; &lt;p&gt;Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.&lt;/p&gt; &lt;p&gt;Keeping up with the trends will show consumers you’re relevant. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;Get Growing: 5 Digital Marketing Tips for Your Small Business&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.&lt;/p&gt; &lt;p&gt;Start generating more leads and sales with these business marketing tips today.&lt;/p&gt; &lt;p&gt;Hunting for more tips? You’ve come to the right place.&lt;/p&gt; &lt;p&gt;Check out our latest guides for more useful advice. &lt;/p&gt;&lt;/content:encoded&gt;
11&lt;/item&gt;
12&lt;/channel&gt;
13

And I want to get the data in content:encoded including the html tags:

1 &lt;channel&gt;
2&lt;item&gt;
3&lt;title&gt;5 Small Business Digital Marketing Tips | Donklephant&lt;/title&gt;
4&lt;link&gt;https://www.google.com/url?rct=j&amp;sa=t&amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;ct=ga&amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ&lt;/link&gt;
5&lt;dc:identifier/&gt;
6&lt;pubDate&gt;Sun, 03 Oct 2021 07:26:15 +0000&lt;/pubDate&gt;
7&lt;dc:creator/&gt;
8&lt;guid isPermaLink=&quot;true&quot;&gt;https://www.google.com/url?rct=j&amp;amp;sa=t&amp;amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;amp;ct=ga&amp;amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ&lt;/guid&gt;
9&lt;description&gt;Getting leads and sales is sometimes more difficult than business owners expect. In fact, about 65% of businesses say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle.  Here are five digital marketing tips that can set your...&lt;/description&gt;
10&lt;content:encoded&gt;&lt;div&gt;&lt;img src=&quot;https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg&quot; class=&quot;ff-og-image-inserted&quot;&gt;&lt;/div&gt;&lt;p&gt;Getting leads and sales is sometimes more difficult than business owners expect. In fact, about &lt;a href=&quot;https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref&quot;&gt;65% of businesses&lt;/a&gt; say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. &lt;/p&gt; &lt;p&gt;Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.&lt;/p&gt; &lt;p&gt;Set your business up for growth this year. Develop your digital marketing plan with these five tips today. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;1. Establish Brand Guidelines&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.&lt;/p&gt; &lt;p&gt;Your guidelines should outline your:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Mission statement&lt;/li&gt; &lt;li&gt;Vision statement&lt;/li&gt; &lt;li&gt;Personality&lt;/li&gt; &lt;li&gt;Voice&lt;/li&gt; &lt;li&gt;Tone&lt;/li&gt; &lt;li&gt;Color palette&lt;/li&gt; &lt;li&gt;Photography/imagery styles&lt;/li&gt; &lt;li&gt;Logo styles&lt;/li&gt; &lt;li&gt;Font styles&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;2. Update Your Website&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Take the time to update your website as well. An old, slow, outdated website could cost you customers.&lt;/p&gt; &lt;p&gt;In fact, &lt;a href=&quot;https://fitsmallbusiness.com/website-statistics/&quot;&gt;38% of consumers&lt;/a&gt; stop interacting with poorly designed websites. They might judge your credibility based on your site, too.&lt;/p&gt; &lt;p&gt;Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. &lt;/p&gt; &lt;p&gt;You can learn how to get the most from your &lt;a href=&quot;https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/&quot;&gt;web design&lt;/a&gt; here.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;3. Create Content&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).&lt;/p&gt; &lt;p&gt;SEO will help people find your website when they search for your product or service online.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;4. Gather and Nurture Leads&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;As you use these digital marketing tips, make sure you have a plan for generating leads.&lt;/p&gt; &lt;p&gt;For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.&lt;/p&gt; &lt;p&gt;Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;5. Stay Social&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.&lt;/p&gt; &lt;p&gt;Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.&lt;/p&gt; &lt;p&gt;Otherwise, use influencer marketing to expand your reach online. &lt;/p&gt; &lt;p&gt;Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.&lt;/p&gt; &lt;p&gt;Keeping up with the trends will show consumers you’re relevant. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;Get Growing: 5 Digital Marketing Tips for Your Small Business&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.&lt;/p&gt; &lt;p&gt;Start generating more leads and sales with these business marketing tips today.&lt;/p&gt; &lt;p&gt;Hunting for more tips? You’ve come to the right place.&lt;/p&gt; &lt;p&gt;Check out our latest guides for more useful advice. &lt;/p&gt;&lt;/content:encoded&gt;
11&lt;/item&gt;
12&lt;/channel&gt;
13&lt;img src=&quot;https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg&quot; class=&quot;ff-og-image-inserted&quot;&gt;&lt;/div&gt;&lt;p&gt;Getting leads and sales is sometimes more difficult than business owners expect. In fact, about &lt;a href=&quot;https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref&quot;&gt;65% of businesses&lt;/a&gt; say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. &lt;/p&gt; &lt;p&gt;Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.&lt;/p&gt; &lt;p&gt;Set your business up for growth this year. Develop your digital marketing plan with these five tips today. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;1. Establish Brand Guidelines&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.&lt;/p&gt; &lt;p&gt;Your guidelines should outline your:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Mission statement&lt;/li&gt; &lt;li&gt;Vision statement&lt;/li&gt; &lt;li&gt;Personality&lt;/li&gt; &lt;li&gt;Voice&lt;/li&gt; &lt;li&gt;Tone&lt;/li&gt; &lt;li&gt;Color palette&lt;/li&gt; &lt;li&gt;Photography/imagery styles&lt;/li&gt; &lt;li&gt;Logo styles&lt;/li&gt; &lt;li&gt;Font styles&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;2. Update Your Website&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Take the time to update your website as well. An old, slow, outdated website could cost you customers.&lt;/p&gt; &lt;p&gt;In fact, &lt;a href=&quot;https://fitsmallbusiness.com/website-statistics/&quot;&gt;38% of consumers&lt;/a&gt; stop interacting with poorly designed websites. They might judge your credibility based on your site, too.&lt;/p&gt; &lt;p&gt;Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. &lt;/p&gt; &lt;p&gt;You can learn how to get the most from your &lt;a href=&quot;https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/&quot;&gt;web design&lt;/a&gt; here.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;3. Create Content&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).&lt;/p&gt; &lt;p&gt;SEO will help people find your website when they search for your product or service online.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;4. Gather and Nurture Leads&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;As you use these digital marketing tips, make sure you have a plan for generating leads.&lt;/p&gt; &lt;p&gt;For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.&lt;/p&gt; &lt;p&gt;Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;5. Stay Social&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.&lt;/p&gt; &lt;p&gt;Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.&lt;/p&gt; &lt;p&gt;Otherwise, use influencer marketing to expand your reach online. &lt;/p&gt; &lt;p&gt;Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.&lt;/p&gt; &lt;p&gt;Keeping up with the trends will show consumers you’re relevant. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;Get Growing: 5 Digital Marketing Tips for Your Small Business&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.&lt;/p&gt; &lt;p&gt;Start generating more leads and sales with these business marketing tips today.&lt;/p&gt; &lt;p&gt;Hunting for more tips? You’ve come to the right place.&lt;/p&gt; &lt;p&gt;Check out our latest guides for more useful advice. &lt;/p&gt;
14

Please help me!

Update: @Tanaike Below is my RSS URL. It has many items.

1 &lt;channel&gt;
2&lt;item&gt;
3&lt;title&gt;5 Small Business Digital Marketing Tips | Donklephant&lt;/title&gt;
4&lt;link&gt;https://www.google.com/url?rct=j&amp;sa=t&amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;ct=ga&amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ&lt;/link&gt;
5&lt;dc:identifier/&gt;
6&lt;pubDate&gt;Sun, 03 Oct 2021 07:26:15 +0000&lt;/pubDate&gt;
7&lt;dc:creator/&gt;
8&lt;guid isPermaLink=&quot;true&quot;&gt;https://www.google.com/url?rct=j&amp;amp;sa=t&amp;amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;amp;ct=ga&amp;amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ&lt;/guid&gt;
9&lt;description&gt;Getting leads and sales is sometimes more difficult than business owners expect. In fact, about 65% of businesses say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle.  Here are five digital marketing tips that can set your...&lt;/description&gt;
10&lt;content:encoded&gt;&lt;div&gt;&lt;img src=&quot;https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg&quot; class=&quot;ff-og-image-inserted&quot;&gt;&lt;/div&gt;&lt;p&gt;Getting leads and sales is sometimes more difficult than business owners expect. In fact, about &lt;a href=&quot;https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref&quot;&gt;65% of businesses&lt;/a&gt; say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. &lt;/p&gt; &lt;p&gt;Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.&lt;/p&gt; &lt;p&gt;Set your business up for growth this year. Develop your digital marketing plan with these five tips today. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;1. Establish Brand Guidelines&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.&lt;/p&gt; &lt;p&gt;Your guidelines should outline your:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Mission statement&lt;/li&gt; &lt;li&gt;Vision statement&lt;/li&gt; &lt;li&gt;Personality&lt;/li&gt; &lt;li&gt;Voice&lt;/li&gt; &lt;li&gt;Tone&lt;/li&gt; &lt;li&gt;Color palette&lt;/li&gt; &lt;li&gt;Photography/imagery styles&lt;/li&gt; &lt;li&gt;Logo styles&lt;/li&gt; &lt;li&gt;Font styles&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;2. Update Your Website&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Take the time to update your website as well. An old, slow, outdated website could cost you customers.&lt;/p&gt; &lt;p&gt;In fact, &lt;a href=&quot;https://fitsmallbusiness.com/website-statistics/&quot;&gt;38% of consumers&lt;/a&gt; stop interacting with poorly designed websites. They might judge your credibility based on your site, too.&lt;/p&gt; &lt;p&gt;Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. &lt;/p&gt; &lt;p&gt;You can learn how to get the most from your &lt;a href=&quot;https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/&quot;&gt;web design&lt;/a&gt; here.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;3. Create Content&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).&lt;/p&gt; &lt;p&gt;SEO will help people find your website when they search for your product or service online.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;4. Gather and Nurture Leads&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;As you use these digital marketing tips, make sure you have a plan for generating leads.&lt;/p&gt; &lt;p&gt;For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.&lt;/p&gt; &lt;p&gt;Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;5. Stay Social&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.&lt;/p&gt; &lt;p&gt;Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.&lt;/p&gt; &lt;p&gt;Otherwise, use influencer marketing to expand your reach online. &lt;/p&gt; &lt;p&gt;Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.&lt;/p&gt; &lt;p&gt;Keeping up with the trends will show consumers you’re relevant. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;Get Growing: 5 Digital Marketing Tips for Your Small Business&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.&lt;/p&gt; &lt;p&gt;Start generating more leads and sales with these business marketing tips today.&lt;/p&gt; &lt;p&gt;Hunting for more tips? You’ve come to the right place.&lt;/p&gt; &lt;p&gt;Check out our latest guides for more useful advice. &lt;/p&gt;&lt;/content:encoded&gt;
11&lt;/item&gt;
12&lt;/channel&gt;
13&lt;img src=&quot;https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg&quot; class=&quot;ff-og-image-inserted&quot;&gt;&lt;/div&gt;&lt;p&gt;Getting leads and sales is sometimes more difficult than business owners expect. In fact, about &lt;a href=&quot;https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref&quot;&gt;65% of businesses&lt;/a&gt; say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. &lt;/p&gt; &lt;p&gt;Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.&lt;/p&gt; &lt;p&gt;Set your business up for growth this year. Develop your digital marketing plan with these five tips today. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;1. Establish Brand Guidelines&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.&lt;/p&gt; &lt;p&gt;Your guidelines should outline your:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Mission statement&lt;/li&gt; &lt;li&gt;Vision statement&lt;/li&gt; &lt;li&gt;Personality&lt;/li&gt; &lt;li&gt;Voice&lt;/li&gt; &lt;li&gt;Tone&lt;/li&gt; &lt;li&gt;Color palette&lt;/li&gt; &lt;li&gt;Photography/imagery styles&lt;/li&gt; &lt;li&gt;Logo styles&lt;/li&gt; &lt;li&gt;Font styles&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;2. Update Your Website&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Take the time to update your website as well. An old, slow, outdated website could cost you customers.&lt;/p&gt; &lt;p&gt;In fact, &lt;a href=&quot;https://fitsmallbusiness.com/website-statistics/&quot;&gt;38% of consumers&lt;/a&gt; stop interacting with poorly designed websites. They might judge your credibility based on your site, too.&lt;/p&gt; &lt;p&gt;Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. &lt;/p&gt; &lt;p&gt;You can learn how to get the most from your &lt;a href=&quot;https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/&quot;&gt;web design&lt;/a&gt; here.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;3. Create Content&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).&lt;/p&gt; &lt;p&gt;SEO will help people find your website when they search for your product or service online.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;4. Gather and Nurture Leads&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;As you use these digital marketing tips, make sure you have a plan for generating leads.&lt;/p&gt; &lt;p&gt;For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.&lt;/p&gt; &lt;p&gt;Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;5. Stay Social&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.&lt;/p&gt; &lt;p&gt;Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.&lt;/p&gt; &lt;p&gt;Otherwise, use influencer marketing to expand your reach online. &lt;/p&gt; &lt;p&gt;Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.&lt;/p&gt; &lt;p&gt;Keeping up with the trends will show consumers you’re relevant. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;Get Growing: 5 Digital Marketing Tips for Your Small Business&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.&lt;/p&gt; &lt;p&gt;Start generating more leads and sales with these business marketing tips today.&lt;/p&gt; &lt;p&gt;Hunting for more tips? You’ve come to the right place.&lt;/p&gt; &lt;p&gt;Check out our latest guides for more useful advice. &lt;/p&gt;
14https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml
15

My real intent is to get the <title> and <content:encoded> of each item to create a Google Docs file. And I want that Docs file to keep its structure.

So I tried with your help but it doesn't work as I wanted.

1 &lt;channel&gt;
2&lt;item&gt;
3&lt;title&gt;5 Small Business Digital Marketing Tips | Donklephant&lt;/title&gt;
4&lt;link&gt;https://www.google.com/url?rct=j&amp;sa=t&amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;ct=ga&amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ&lt;/link&gt;
5&lt;dc:identifier/&gt;
6&lt;pubDate&gt;Sun, 03 Oct 2021 07:26:15 +0000&lt;/pubDate&gt;
7&lt;dc:creator/&gt;
8&lt;guid isPermaLink=&quot;true&quot;&gt;https://www.google.com/url?rct=j&amp;amp;sa=t&amp;amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;amp;ct=ga&amp;amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ&lt;/guid&gt;
9&lt;description&gt;Getting leads and sales is sometimes more difficult than business owners expect. In fact, about 65% of businesses say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle.  Here are five digital marketing tips that can set your...&lt;/description&gt;
10&lt;content:encoded&gt;&lt;div&gt;&lt;img src=&quot;https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg&quot; class=&quot;ff-og-image-inserted&quot;&gt;&lt;/div&gt;&lt;p&gt;Getting leads and sales is sometimes more difficult than business owners expect. In fact, about &lt;a href=&quot;https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref&quot;&gt;65% of businesses&lt;/a&gt; say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. &lt;/p&gt; &lt;p&gt;Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.&lt;/p&gt; &lt;p&gt;Set your business up for growth this year. Develop your digital marketing plan with these five tips today. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;1. Establish Brand Guidelines&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.&lt;/p&gt; &lt;p&gt;Your guidelines should outline your:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Mission statement&lt;/li&gt; &lt;li&gt;Vision statement&lt;/li&gt; &lt;li&gt;Personality&lt;/li&gt; &lt;li&gt;Voice&lt;/li&gt; &lt;li&gt;Tone&lt;/li&gt; &lt;li&gt;Color palette&lt;/li&gt; &lt;li&gt;Photography/imagery styles&lt;/li&gt; &lt;li&gt;Logo styles&lt;/li&gt; &lt;li&gt;Font styles&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;2. Update Your Website&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Take the time to update your website as well. An old, slow, outdated website could cost you customers.&lt;/p&gt; &lt;p&gt;In fact, &lt;a href=&quot;https://fitsmallbusiness.com/website-statistics/&quot;&gt;38% of consumers&lt;/a&gt; stop interacting with poorly designed websites. They might judge your credibility based on your site, too.&lt;/p&gt; &lt;p&gt;Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. &lt;/p&gt; &lt;p&gt;You can learn how to get the most from your &lt;a href=&quot;https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/&quot;&gt;web design&lt;/a&gt; here.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;3. Create Content&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).&lt;/p&gt; &lt;p&gt;SEO will help people find your website when they search for your product or service online.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;4. Gather and Nurture Leads&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;As you use these digital marketing tips, make sure you have a plan for generating leads.&lt;/p&gt; &lt;p&gt;For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.&lt;/p&gt; &lt;p&gt;Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;5. Stay Social&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.&lt;/p&gt; &lt;p&gt;Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.&lt;/p&gt; &lt;p&gt;Otherwise, use influencer marketing to expand your reach online. &lt;/p&gt; &lt;p&gt;Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.&lt;/p&gt; &lt;p&gt;Keeping up with the trends will show consumers you’re relevant. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;Get Growing: 5 Digital Marketing Tips for Your Small Business&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.&lt;/p&gt; &lt;p&gt;Start generating more leads and sales with these business marketing tips today.&lt;/p&gt; &lt;p&gt;Hunting for more tips? You’ve come to the right place.&lt;/p&gt; &lt;p&gt;Check out our latest guides for more useful advice. &lt;/p&gt;&lt;/content:encoded&gt;
11&lt;/item&gt;
12&lt;/channel&gt;
13&lt;img src=&quot;https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg&quot; class=&quot;ff-og-image-inserted&quot;&gt;&lt;/div&gt;&lt;p&gt;Getting leads and sales is sometimes more difficult than business owners expect. In fact, about &lt;a href=&quot;https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref&quot;&gt;65% of businesses&lt;/a&gt; say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. &lt;/p&gt; &lt;p&gt;Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.&lt;/p&gt; &lt;p&gt;Set your business up for growth this year. Develop your digital marketing plan with these five tips today. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;1. Establish Brand Guidelines&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.&lt;/p&gt; &lt;p&gt;Your guidelines should outline your:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Mission statement&lt;/li&gt; &lt;li&gt;Vision statement&lt;/li&gt; &lt;li&gt;Personality&lt;/li&gt; &lt;li&gt;Voice&lt;/li&gt; &lt;li&gt;Tone&lt;/li&gt; &lt;li&gt;Color palette&lt;/li&gt; &lt;li&gt;Photography/imagery styles&lt;/li&gt; &lt;li&gt;Logo styles&lt;/li&gt; &lt;li&gt;Font styles&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;2. Update Your Website&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Take the time to update your website as well. An old, slow, outdated website could cost you customers.&lt;/p&gt; &lt;p&gt;In fact, &lt;a href=&quot;https://fitsmallbusiness.com/website-statistics/&quot;&gt;38% of consumers&lt;/a&gt; stop interacting with poorly designed websites. They might judge your credibility based on your site, too.&lt;/p&gt; &lt;p&gt;Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. &lt;/p&gt; &lt;p&gt;You can learn how to get the most from your &lt;a href=&quot;https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/&quot;&gt;web design&lt;/a&gt; here.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;3. Create Content&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).&lt;/p&gt; &lt;p&gt;SEO will help people find your website when they search for your product or service online.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;4. Gather and Nurture Leads&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;As you use these digital marketing tips, make sure you have a plan for generating leads.&lt;/p&gt; &lt;p&gt;For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.&lt;/p&gt; &lt;p&gt;Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;5. Stay Social&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.&lt;/p&gt; &lt;p&gt;Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.&lt;/p&gt; &lt;p&gt;Otherwise, use influencer marketing to expand your reach online. &lt;/p&gt; &lt;p&gt;Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.&lt;/p&gt; &lt;p&gt;Keeping up with the trends will show consumers you’re relevant. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;Get Growing: 5 Digital Marketing Tips for Your Small Business&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.&lt;/p&gt; &lt;p&gt;Start generating more leads and sales with these business marketing tips today.&lt;/p&gt; &lt;p&gt;Hunting for more tips? You’ve come to the right place.&lt;/p&gt; &lt;p&gt;Check out our latest guides for more useful advice. &lt;/p&gt;
14https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml
15 function myFunction() {
16    const url = &quot;https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml&quot;; // Please set URL.
17
18    const data = UrlFetchApp.fetch(url).getContentText();
19    const res = data.match(/&lt;content:encoded&gt;([\s\S\w]+)&lt;\/content:encoded&gt;/);
20    Logger.log(res)
21    if (res) {
22      var blob1 = Utilities.newBlob(&quot;&quot;).setDataFromString(res[1], &quot;UTF-8&quot;).setContentType(&quot;text/html&quot;);
23      Drive.Files.insert({title: &quot;TEST&quot;}, blob1, {convert: true});
24      //DriveApp.createFile(&quot;sample.html&quot;, res[1], MimeType.HTML);
25    }
26  }
27

Looking forward to your help.

ANSWER

Answered 2021-Oct-05 at 04:07

I believe your goal as follows.

  • You have a file on Google Drive.
  • You want to retrieve the value of ### of <content:encoded>###</content:encoded> using Google Apps Script.

When I tested your data, unfortunately, the data couldn't be parsed by XmlService because of a parsed error. So in this answer, I used the regex for retrieving the value you need. The sample script is as follows.

Sample script:
1 &lt;channel&gt;
2&lt;item&gt;
3&lt;title&gt;5 Small Business Digital Marketing Tips | Donklephant&lt;/title&gt;
4&lt;link&gt;https://www.google.com/url?rct=j&amp;sa=t&amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;ct=ga&amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ&lt;/link&gt;
5&lt;dc:identifier/&gt;
6&lt;pubDate&gt;Sun, 03 Oct 2021 07:26:15 +0000&lt;/pubDate&gt;
7&lt;dc:creator/&gt;
8&lt;guid isPermaLink=&quot;true&quot;&gt;https://www.google.com/url?rct=j&amp;amp;sa=t&amp;amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;amp;ct=ga&amp;amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ&lt;/guid&gt;
9&lt;description&gt;Getting leads and sales is sometimes more difficult than business owners expect. In fact, about 65% of businesses say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle.  Here are five digital marketing tips that can set your...&lt;/description&gt;
10&lt;content:encoded&gt;&lt;div&gt;&lt;img src=&quot;https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg&quot; class=&quot;ff-og-image-inserted&quot;&gt;&lt;/div&gt;&lt;p&gt;Getting leads and sales is sometimes more difficult than business owners expect. In fact, about &lt;a href=&quot;https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref&quot;&gt;65% of businesses&lt;/a&gt; say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. &lt;/p&gt; &lt;p&gt;Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.&lt;/p&gt; &lt;p&gt;Set your business up for growth this year. Develop your digital marketing plan with these five tips today. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;1. Establish Brand Guidelines&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.&lt;/p&gt; &lt;p&gt;Your guidelines should outline your:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Mission statement&lt;/li&gt; &lt;li&gt;Vision statement&lt;/li&gt; &lt;li&gt;Personality&lt;/li&gt; &lt;li&gt;Voice&lt;/li&gt; &lt;li&gt;Tone&lt;/li&gt; &lt;li&gt;Color palette&lt;/li&gt; &lt;li&gt;Photography/imagery styles&lt;/li&gt; &lt;li&gt;Logo styles&lt;/li&gt; &lt;li&gt;Font styles&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;2. Update Your Website&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Take the time to update your website as well. An old, slow, outdated website could cost you customers.&lt;/p&gt; &lt;p&gt;In fact, &lt;a href=&quot;https://fitsmallbusiness.com/website-statistics/&quot;&gt;38% of consumers&lt;/a&gt; stop interacting with poorly designed websites. They might judge your credibility based on your site, too.&lt;/p&gt; &lt;p&gt;Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. &lt;/p&gt; &lt;p&gt;You can learn how to get the most from your &lt;a href=&quot;https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/&quot;&gt;web design&lt;/a&gt; here.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;3. Create Content&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).&lt;/p&gt; &lt;p&gt;SEO will help people find your website when they search for your product or service online.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;4. Gather and Nurture Leads&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;As you use these digital marketing tips, make sure you have a plan for generating leads.&lt;/p&gt; &lt;p&gt;For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.&lt;/p&gt; &lt;p&gt;Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;5. Stay Social&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.&lt;/p&gt; &lt;p&gt;Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.&lt;/p&gt; &lt;p&gt;Otherwise, use influencer marketing to expand your reach online. &lt;/p&gt; &lt;p&gt;Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.&lt;/p&gt; &lt;p&gt;Keeping up with the trends will show consumers you’re relevant. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;Get Growing: 5 Digital Marketing Tips for Your Small Business&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.&lt;/p&gt; &lt;p&gt;Start generating more leads and sales with these business marketing tips today.&lt;/p&gt; &lt;p&gt;Hunting for more tips? You’ve come to the right place.&lt;/p&gt; &lt;p&gt;Check out our latest guides for more useful advice. &lt;/p&gt;&lt;/content:encoded&gt;
11&lt;/item&gt;
12&lt;/channel&gt;
13&lt;img src=&quot;https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg&quot; class=&quot;ff-og-image-inserted&quot;&gt;&lt;/div&gt;&lt;p&gt;Getting leads and sales is sometimes more difficult than business owners expect. In fact, about &lt;a href=&quot;https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref&quot;&gt;65% of businesses&lt;/a&gt; say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. &lt;/p&gt; &lt;p&gt;Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.&lt;/p&gt; &lt;p&gt;Set your business up for growth this year. Develop your digital marketing plan with these five tips today. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;1. Establish Brand Guidelines&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.&lt;/p&gt; &lt;p&gt;Your guidelines should outline your:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Mission statement&lt;/li&gt; &lt;li&gt;Vision statement&lt;/li&gt; &lt;li&gt;Personality&lt;/li&gt; &lt;li&gt;Voice&lt;/li&gt; &lt;li&gt;Tone&lt;/li&gt; &lt;li&gt;Color palette&lt;/li&gt; &lt;li&gt;Photography/imagery styles&lt;/li&gt; &lt;li&gt;Logo styles&lt;/li&gt; &lt;li&gt;Font styles&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;2. Update Your Website&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Take the time to update your website as well. An old, slow, outdated website could cost you customers.&lt;/p&gt; &lt;p&gt;In fact, &lt;a href=&quot;https://fitsmallbusiness.com/website-statistics/&quot;&gt;38% of consumers&lt;/a&gt; stop interacting with poorly designed websites. They might judge your credibility based on your site, too.&lt;/p&gt; &lt;p&gt;Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. &lt;/p&gt; &lt;p&gt;You can learn how to get the most from your &lt;a href=&quot;https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/&quot;&gt;web design&lt;/a&gt; here.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;3. Create Content&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).&lt;/p&gt; &lt;p&gt;SEO will help people find your website when they search for your product or service online.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;4. Gather and Nurture Leads&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;As you use these digital marketing tips, make sure you have a plan for generating leads.&lt;/p&gt; &lt;p&gt;For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.&lt;/p&gt; &lt;p&gt;Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;5. Stay Social&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.&lt;/p&gt; &lt;p&gt;Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.&lt;/p&gt; &lt;p&gt;Otherwise, use influencer marketing to expand your reach online. &lt;/p&gt; &lt;p&gt;Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.&lt;/p&gt; &lt;p&gt;Keeping up with the trends will show consumers you’re relevant. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;Get Growing: 5 Digital Marketing Tips for Your Small Business&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.&lt;/p&gt; &lt;p&gt;Start generating more leads and sales with these business marketing tips today.&lt;/p&gt; &lt;p&gt;Hunting for more tips? You’ve come to the right place.&lt;/p&gt; &lt;p&gt;Check out our latest guides for more useful advice. &lt;/p&gt;
14https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml
15 function myFunction() {
16    const url = &quot;https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml&quot;; // Please set URL.
17
18    const data = UrlFetchApp.fetch(url).getContentText();
19    const res = data.match(/&lt;content:encoded&gt;([\s\S\w]+)&lt;\/content:encoded&gt;/);
20    Logger.log(res)
21    if (res) {
22      var blob1 = Utilities.newBlob(&quot;&quot;).setDataFromString(res[1], &quot;UTF-8&quot;).setContentType(&quot;text/html&quot;);
23      Drive.Files.insert({title: &quot;TEST&quot;}, blob1, {convert: true});
24      //DriveApp.createFile(&quot;sample.html&quot;, res[1], MimeType.HTML);
25    }
26  }
27function myFunction() {
28  const fileId = &quot;###&quot;; // Please set the file ID of the file including the data.
29
30  const data = DriveApp.getFileById(fileId).getBlob().getDataAsString();
31  const res = data.match(/&lt;content:encoded&gt;([\s\S\w]+)&lt;\/content:encoded&gt;/);
32  if (res) {
33    DriveApp.createFile(&quot;sample.html&quot;, res[1], MimeType.HTML);
34  }
35}
36
  • When this script is run, the file including the data is opened and retrieved the data, and the value of ### of <content:encoded>###</content:encoded> is retrieved. And then, the retrieved data is outputted as a HTML file to the root folder.

  • If your data is required to be retrieved from the web site, please modify data as follows.

1 &lt;channel&gt;
2&lt;item&gt;
3&lt;title&gt;5 Small Business Digital Marketing Tips | Donklephant&lt;/title&gt;
4&lt;link&gt;https://www.google.com/url?rct=j&amp;sa=t&amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;ct=ga&amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ&lt;/link&gt;
5&lt;dc:identifier/&gt;
6&lt;pubDate&gt;Sun, 03 Oct 2021 07:26:15 +0000&lt;/pubDate&gt;
7&lt;dc:creator/&gt;
8&lt;guid isPermaLink=&quot;true&quot;&gt;https://www.google.com/url?rct=j&amp;amp;sa=t&amp;amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;amp;ct=ga&amp;amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ&lt;/guid&gt;
9&lt;description&gt;Getting leads and sales is sometimes more difficult than business owners expect. In fact, about 65% of businesses say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle.  Here are five digital marketing tips that can set your...&lt;/description&gt;
10&lt;content:encoded&gt;&lt;div&gt;&lt;img src=&quot;https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg&quot; class=&quot;ff-og-image-inserted&quot;&gt;&lt;/div&gt;&lt;p&gt;Getting leads and sales is sometimes more difficult than business owners expect. In fact, about &lt;a href=&quot;https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref&quot;&gt;65% of businesses&lt;/a&gt; say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. &lt;/p&gt; &lt;p&gt;Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.&lt;/p&gt; &lt;p&gt;Set your business up for growth this year. Develop your digital marketing plan with these five tips today. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;1. Establish Brand Guidelines&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.&lt;/p&gt; &lt;p&gt;Your guidelines should outline your:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Mission statement&lt;/li&gt; &lt;li&gt;Vision statement&lt;/li&gt; &lt;li&gt;Personality&lt;/li&gt; &lt;li&gt;Voice&lt;/li&gt; &lt;li&gt;Tone&lt;/li&gt; &lt;li&gt;Color palette&lt;/li&gt; &lt;li&gt;Photography/imagery styles&lt;/li&gt; &lt;li&gt;Logo styles&lt;/li&gt; &lt;li&gt;Font styles&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;2. Update Your Website&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Take the time to update your website as well. An old, slow, outdated website could cost you customers.&lt;/p&gt; &lt;p&gt;In fact, &lt;a href=&quot;https://fitsmallbusiness.com/website-statistics/&quot;&gt;38% of consumers&lt;/a&gt; stop interacting with poorly designed websites. They might judge your credibility based on your site, too.&lt;/p&gt; &lt;p&gt;Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. &lt;/p&gt; &lt;p&gt;You can learn how to get the most from your &lt;a href=&quot;https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/&quot;&gt;web design&lt;/a&gt; here.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;3. Create Content&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).&lt;/p&gt; &lt;p&gt;SEO will help people find your website when they search for your product or service online.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;4. Gather and Nurture Leads&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;As you use these digital marketing tips, make sure you have a plan for generating leads.&lt;/p&gt; &lt;p&gt;For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.&lt;/p&gt; &lt;p&gt;Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;5. Stay Social&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.&lt;/p&gt; &lt;p&gt;Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.&lt;/p&gt; &lt;p&gt;Otherwise, use influencer marketing to expand your reach online. &lt;/p&gt; &lt;p&gt;Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.&lt;/p&gt; &lt;p&gt;Keeping up with the trends will show consumers you’re relevant. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;Get Growing: 5 Digital Marketing Tips for Your Small Business&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.&lt;/p&gt; &lt;p&gt;Start generating more leads and sales with these business marketing tips today.&lt;/p&gt; &lt;p&gt;Hunting for more tips? You’ve come to the right place.&lt;/p&gt; &lt;p&gt;Check out our latest guides for more useful advice. &lt;/p&gt;&lt;/content:encoded&gt;
11&lt;/item&gt;
12&lt;/channel&gt;
13&lt;img src=&quot;https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg&quot; class=&quot;ff-og-image-inserted&quot;&gt;&lt;/div&gt;&lt;p&gt;Getting leads and sales is sometimes more difficult than business owners expect. In fact, about &lt;a href=&quot;https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref&quot;&gt;65% of businesses&lt;/a&gt; say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. &lt;/p&gt; &lt;p&gt;Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.&lt;/p&gt; &lt;p&gt;Set your business up for growth this year. Develop your digital marketing plan with these five tips today. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;1. Establish Brand Guidelines&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.&lt;/p&gt; &lt;p&gt;Your guidelines should outline your:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Mission statement&lt;/li&gt; &lt;li&gt;Vision statement&lt;/li&gt; &lt;li&gt;Personality&lt;/li&gt; &lt;li&gt;Voice&lt;/li&gt; &lt;li&gt;Tone&lt;/li&gt; &lt;li&gt;Color palette&lt;/li&gt; &lt;li&gt;Photography/imagery styles&lt;/li&gt; &lt;li&gt;Logo styles&lt;/li&gt; &lt;li&gt;Font styles&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;2. Update Your Website&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Take the time to update your website as well. An old, slow, outdated website could cost you customers.&lt;/p&gt; &lt;p&gt;In fact, &lt;a href=&quot;https://fitsmallbusiness.com/website-statistics/&quot;&gt;38% of consumers&lt;/a&gt; stop interacting with poorly designed websites. They might judge your credibility based on your site, too.&lt;/p&gt; &lt;p&gt;Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. &lt;/p&gt; &lt;p&gt;You can learn how to get the most from your &lt;a href=&quot;https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/&quot;&gt;web design&lt;/a&gt; here.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;3. Create Content&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).&lt;/p&gt; &lt;p&gt;SEO will help people find your website when they search for your product or service online.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;4. Gather and Nurture Leads&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;As you use these digital marketing tips, make sure you have a plan for generating leads.&lt;/p&gt; &lt;p&gt;For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.&lt;/p&gt; &lt;p&gt;Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;5. Stay Social&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.&lt;/p&gt; &lt;p&gt;Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.&lt;/p&gt; &lt;p&gt;Otherwise, use influencer marketing to expand your reach online. &lt;/p&gt; &lt;p&gt;Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.&lt;/p&gt; &lt;p&gt;Keeping up with the trends will show consumers you’re relevant. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;Get Growing: 5 Digital Marketing Tips for Your Small Business&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.&lt;/p&gt; &lt;p&gt;Start generating more leads and sales with these business marketing tips today.&lt;/p&gt; &lt;p&gt;Hunting for more tips? You’ve come to the right place.&lt;/p&gt; &lt;p&gt;Check out our latest guides for more useful advice. &lt;/p&gt;
14https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml
15 function myFunction() {
16    const url = &quot;https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml&quot;; // Please set URL.
17
18    const data = UrlFetchApp.fetch(url).getContentText();
19    const res = data.match(/&lt;content:encoded&gt;([\s\S\w]+)&lt;\/content:encoded&gt;/);
20    Logger.log(res)
21    if (res) {
22      var blob1 = Utilities.newBlob(&quot;&quot;).setDataFromString(res[1], &quot;UTF-8&quot;).setContentType(&quot;text/html&quot;);
23      Drive.Files.insert({title: &quot;TEST&quot;}, blob1, {convert: true});
24      //DriveApp.createFile(&quot;sample.html&quot;, res[1], MimeType.HTML);
25    }
26  }
27function myFunction() {
28  const fileId = &quot;###&quot;; // Please set the file ID of the file including the data.
29
30  const data = DriveApp.getFileById(fileId).getBlob().getDataAsString();
31  const res = data.match(/&lt;content:encoded&gt;([\s\S\w]+)&lt;\/content:encoded&gt;/);
32  if (res) {
33    DriveApp.createFile(&quot;sample.html&quot;, res[1], MimeType.HTML);
34  }
35}
36  function myFunction() {
37    const url = &quot;###&quot;; // Please set URL.
38
39    const data = UrlFetchApp.fetch(url).getContentText();
40    const res = data.match(/&lt;content:encoded&gt;([\s\S\w]+)&lt;\/content:encoded&gt;/);
41    if (res) {
42      DriveApp.createFile(&quot;sample.html&quot;, res[1], MimeType.HTML);
43    }
44  }
45
References: Edit:

From your updated question and your following comment,

My real intent is to get the and content:encoded of each item to create a Google Docs file. And I want that Docs file to keep its structure.

I want to generate google Docs from that RSS. For example with the first item, I want to create a Docs file with the name of the item. And the Docs file has the content:encoded content of the item. This is the output Docs file that I want: https://docs.google.com/document/d/1DjPmBSZWoKcvJpuBssQ_3YtxwQrV2eg4QO6VUZqxMsQ/edit?usp=sharing. Hope you understand because my English is translated from google translate.

I understood that your initial question was different from your actual question. In this case, I think that the HTML can be converted to Google Document, the output result might be different from your goal because of the current specification of the Google side. So please test the following sample script.

Sample script 1:

In this script, Google Document is created to the root folder by the values of <title> and <content:encoded>. But, I thought that the output Google Document converted from the HTML data might not be the same result as your goal.

1 &lt;channel&gt;
2&lt;item&gt;
3&lt;title&gt;5 Small Business Digital Marketing Tips | Donklephant&lt;/title&gt;
4&lt;link&gt;https://www.google.com/url?rct=j&amp;sa=t&amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;ct=ga&amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ&lt;/link&gt;
5&lt;dc:identifier/&gt;
6&lt;pubDate&gt;Sun, 03 Oct 2021 07:26:15 +0000&lt;/pubDate&gt;
7&lt;dc:creator/&gt;
8&lt;guid isPermaLink=&quot;true&quot;&gt;https://www.google.com/url?rct=j&amp;amp;sa=t&amp;amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;amp;ct=ga&amp;amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ&lt;/guid&gt;
9&lt;description&gt;Getting leads and sales is sometimes more difficult than business owners expect. In fact, about 65% of businesses say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle.  Here are five digital marketing tips that can set your...&lt;/description&gt;
10&lt;content:encoded&gt;&lt;div&gt;&lt;img src=&quot;https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg&quot; class=&quot;ff-og-image-inserted&quot;&gt;&lt;/div&gt;&lt;p&gt;Getting leads and sales is sometimes more difficult than business owners expect. In fact, about &lt;a href=&quot;https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref&quot;&gt;65% of businesses&lt;/a&gt; say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. &lt;/p&gt; &lt;p&gt;Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.&lt;/p&gt; &lt;p&gt;Set your business up for growth this year. Develop your digital marketing plan with these five tips today. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;1. Establish Brand Guidelines&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.&lt;/p&gt; &lt;p&gt;Your guidelines should outline your:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Mission statement&lt;/li&gt; &lt;li&gt;Vision statement&lt;/li&gt; &lt;li&gt;Personality&lt;/li&gt; &lt;li&gt;Voice&lt;/li&gt; &lt;li&gt;Tone&lt;/li&gt; &lt;li&gt;Color palette&lt;/li&gt; &lt;li&gt;Photography/imagery styles&lt;/li&gt; &lt;li&gt;Logo styles&lt;/li&gt; &lt;li&gt;Font styles&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;2. Update Your Website&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Take the time to update your website as well. An old, slow, outdated website could cost you customers.&lt;/p&gt; &lt;p&gt;In fact, &lt;a href=&quot;https://fitsmallbusiness.com/website-statistics/&quot;&gt;38% of consumers&lt;/a&gt; stop interacting with poorly designed websites. They might judge your credibility based on your site, too.&lt;/p&gt; &lt;p&gt;Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. &lt;/p&gt; &lt;p&gt;You can learn how to get the most from your &lt;a href=&quot;https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/&quot;&gt;web design&lt;/a&gt; here.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;3. Create Content&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).&lt;/p&gt; &lt;p&gt;SEO will help people find your website when they search for your product or service online.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;4. Gather and Nurture Leads&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;As you use these digital marketing tips, make sure you have a plan for generating leads.&lt;/p&gt; &lt;p&gt;For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.&lt;/p&gt; &lt;p&gt;Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;5. Stay Social&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.&lt;/p&gt; &lt;p&gt;Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.&lt;/p&gt; &lt;p&gt;Otherwise, use influencer marketing to expand your reach online. &lt;/p&gt; &lt;p&gt;Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.&lt;/p&gt; &lt;p&gt;Keeping up with the trends will show consumers you’re relevant. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;Get Growing: 5 Digital Marketing Tips for Your Small Business&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.&lt;/p&gt; &lt;p&gt;Start generating more leads and sales with these business marketing tips today.&lt;/p&gt; &lt;p&gt;Hunting for more tips? You’ve come to the right place.&lt;/p&gt; &lt;p&gt;Check out our latest guides for more useful advice. &lt;/p&gt;&lt;/content:encoded&gt;
11&lt;/item&gt;
12&lt;/channel&gt;
13&lt;img src=&quot;https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg&quot; class=&quot;ff-og-image-inserted&quot;&gt;&lt;/div&gt;&lt;p&gt;Getting leads and sales is sometimes more difficult than business owners expect. In fact, about &lt;a href=&quot;https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref&quot;&gt;65% of businesses&lt;/a&gt; say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. &lt;/p&gt; &lt;p&gt;Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.&lt;/p&gt; &lt;p&gt;Set your business up for growth this year. Develop your digital marketing plan with these five tips today. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;1. Establish Brand Guidelines&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.&lt;/p&gt; &lt;p&gt;Your guidelines should outline your:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Mission statement&lt;/li&gt; &lt;li&gt;Vision statement&lt;/li&gt; &lt;li&gt;Personality&lt;/li&gt; &lt;li&gt;Voice&lt;/li&gt; &lt;li&gt;Tone&lt;/li&gt; &lt;li&gt;Color palette&lt;/li&gt; &lt;li&gt;Photography/imagery styles&lt;/li&gt; &lt;li&gt;Logo styles&lt;/li&gt; &lt;li&gt;Font styles&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;2. Update Your Website&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Take the time to update your website as well. An old, slow, outdated website could cost you customers.&lt;/p&gt; &lt;p&gt;In fact, &lt;a href=&quot;https://fitsmallbusiness.com/website-statistics/&quot;&gt;38% of consumers&lt;/a&gt; stop interacting with poorly designed websites. They might judge your credibility based on your site, too.&lt;/p&gt; &lt;p&gt;Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. &lt;/p&gt; &lt;p&gt;You can learn how to get the most from your &lt;a href=&quot;https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/&quot;&gt;web design&lt;/a&gt; here.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;3. Create Content&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).&lt;/p&gt; &lt;p&gt;SEO will help people find your website when they search for your product or service online.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;4. Gather and Nurture Leads&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;As you use these digital marketing tips, make sure you have a plan for generating leads.&lt;/p&gt; &lt;p&gt;For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.&lt;/p&gt; &lt;p&gt;Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;5. Stay Social&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.&lt;/p&gt; &lt;p&gt;Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.&lt;/p&gt; &lt;p&gt;Otherwise, use influencer marketing to expand your reach online. &lt;/p&gt; &lt;p&gt;Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.&lt;/p&gt; &lt;p&gt;Keeping up with the trends will show consumers you’re relevant. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;Get Growing: 5 Digital Marketing Tips for Your Small Business&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.&lt;/p&gt; &lt;p&gt;Start generating more leads and sales with these business marketing tips today.&lt;/p&gt; &lt;p&gt;Hunting for more tips? You’ve come to the right place.&lt;/p&gt; &lt;p&gt;Check out our latest guides for more useful advice. &lt;/p&gt;
14https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml
15 function myFunction() {
16    const url = &quot;https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml&quot;; // Please set URL.
17
18    const data = UrlFetchApp.fetch(url).getContentText();
19    const res = data.match(/&lt;content:encoded&gt;([\s\S\w]+)&lt;\/content:encoded&gt;/);
20    Logger.log(res)
21    if (res) {
22      var blob1 = Utilities.newBlob(&quot;&quot;).setDataFromString(res[1], &quot;UTF-8&quot;).setContentType(&quot;text/html&quot;);
23      Drive.Files.insert({title: &quot;TEST&quot;}, blob1, {convert: true});
24      //DriveApp.createFile(&quot;sample.html&quot;, res[1], MimeType.HTML);
25    }
26  }
27function myFunction() {
28  const fileId = &quot;###&quot;; // Please set the file ID of the file including the data.
29
30  const data = DriveApp.getFileById(fileId).getBlob().getDataAsString();
31  const res = data.match(/&lt;content:encoded&gt;([\s\S\w]+)&lt;\/content:encoded&gt;/);
32  if (res) {
33    DriveApp.createFile(&quot;sample.html&quot;, res[1], MimeType.HTML);
34  }
35}
36  function myFunction() {
37    const url = &quot;###&quot;; // Please set URL.
38
39    const data = UrlFetchApp.fetch(url).getContentText();
40    const res = data.match(/&lt;content:encoded&gt;([\s\S\w]+)&lt;\/content:encoded&gt;/);
41    if (res) {
42      DriveApp.createFile(&quot;sample.html&quot;, res[1], MimeType.HTML);
43    }
44  }
45function myFunction1() {
46  const url = &quot;https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml&quot;;
47  const data = UrlFetchApp.fetch(url).getContentText();
48  const root = XmlService.parse(data).getRootElement();
49  const ns1 = root.getNamespace();
50  const ns2 = XmlService.getNamespace(&quot;http://purl.org/rss/1.0/modules/content/&quot;);
51  root.getChild(&quot;channel&quot;, ns1).getChildren(&quot;item&quot;, ns1).forEach(e =&gt; {
52    Drive.Files.insert({title: e.getChild(&quot;title&quot;, ns1).getValue(), mimeType: MimeType.GOOGLE_DOCS}, HtmlService.createHtmlOutput(e.getChild(&quot;encoded&quot;, ns2).getValue()).getBlob());
53  });
54}
55
Sample script 2:

In this script, the PDF file is created to the root folder by the values of <title> and <content:encoded>. I thought that the output PDF file converted from the HTML data might be the same result as your goal. But, the mimeType is not Google Document.

1 &lt;channel&gt;
2&lt;item&gt;
3&lt;title&gt;5 Small Business Digital Marketing Tips | Donklephant&lt;/title&gt;
4&lt;link&gt;https://www.google.com/url?rct=j&amp;sa=t&amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;ct=ga&amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ&lt;/link&gt;
5&lt;dc:identifier/&gt;
6&lt;pubDate&gt;Sun, 03 Oct 2021 07:26:15 +0000&lt;/pubDate&gt;
7&lt;dc:creator/&gt;
8&lt;guid isPermaLink=&quot;true&quot;&gt;https://www.google.com/url?rct=j&amp;amp;sa=t&amp;amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;amp;ct=ga&amp;amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ&lt;/guid&gt;
9&lt;description&gt;Getting leads and sales is sometimes more difficult than business owners expect. In fact, about 65% of businesses say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle.  Here are five digital marketing tips that can set your...&lt;/description&gt;
10&lt;content:encoded&gt;&lt;div&gt;&lt;img src=&quot;https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg&quot; class=&quot;ff-og-image-inserted&quot;&gt;&lt;/div&gt;&lt;p&gt;Getting leads and sales is sometimes more difficult than business owners expect. In fact, about &lt;a href=&quot;https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref&quot;&gt;65% of businesses&lt;/a&gt; say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. &lt;/p&gt; &lt;p&gt;Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.&lt;/p&gt; &lt;p&gt;Set your business up for growth this year. Develop your digital marketing plan with these five tips today. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;1. Establish Brand Guidelines&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.&lt;/p&gt; &lt;p&gt;Your guidelines should outline your:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Mission statement&lt;/li&gt; &lt;li&gt;Vision statement&lt;/li&gt; &lt;li&gt;Personality&lt;/li&gt; &lt;li&gt;Voice&lt;/li&gt; &lt;li&gt;Tone&lt;/li&gt; &lt;li&gt;Color palette&lt;/li&gt; &lt;li&gt;Photography/imagery styles&lt;/li&gt; &lt;li&gt;Logo styles&lt;/li&gt; &lt;li&gt;Font styles&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;2. Update Your Website&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Take the time to update your website as well. An old, slow, outdated website could cost you customers.&lt;/p&gt; &lt;p&gt;In fact, &lt;a href=&quot;https://fitsmallbusiness.com/website-statistics/&quot;&gt;38% of consumers&lt;/a&gt; stop interacting with poorly designed websites. They might judge your credibility based on your site, too.&lt;/p&gt; &lt;p&gt;Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. &lt;/p&gt; &lt;p&gt;You can learn how to get the most from your &lt;a href=&quot;https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/&quot;&gt;web design&lt;/a&gt; here.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;3. Create Content&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).&lt;/p&gt; &lt;p&gt;SEO will help people find your website when they search for your product or service online.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;4. Gather and Nurture Leads&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;As you use these digital marketing tips, make sure you have a plan for generating leads.&lt;/p&gt; &lt;p&gt;For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.&lt;/p&gt; &lt;p&gt;Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;5. Stay Social&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.&lt;/p&gt; &lt;p&gt;Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.&lt;/p&gt; &lt;p&gt;Otherwise, use influencer marketing to expand your reach online. &lt;/p&gt; &lt;p&gt;Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.&lt;/p&gt; &lt;p&gt;Keeping up with the trends will show consumers you’re relevant. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;Get Growing: 5 Digital Marketing Tips for Your Small Business&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.&lt;/p&gt; &lt;p&gt;Start generating more leads and sales with these business marketing tips today.&lt;/p&gt; &lt;p&gt;Hunting for more tips? You’ve come to the right place.&lt;/p&gt; &lt;p&gt;Check out our latest guides for more useful advice. &lt;/p&gt;&lt;/content:encoded&gt;
11&lt;/item&gt;
12&lt;/channel&gt;
13&lt;img src=&quot;https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg&quot; class=&quot;ff-og-image-inserted&quot;&gt;&lt;/div&gt;&lt;p&gt;Getting leads and sales is sometimes more difficult than business owners expect. In fact, about &lt;a href=&quot;https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref&quot;&gt;65% of businesses&lt;/a&gt; say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. &lt;/p&gt; &lt;p&gt;Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.&lt;/p&gt; &lt;p&gt;Set your business up for growth this year. Develop your digital marketing plan with these five tips today. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;1. Establish Brand Guidelines&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.&lt;/p&gt; &lt;p&gt;Your guidelines should outline your:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;Mission statement&lt;/li&gt; &lt;li&gt;Vision statement&lt;/li&gt; &lt;li&gt;Personality&lt;/li&gt; &lt;li&gt;Voice&lt;/li&gt; &lt;li&gt;Tone&lt;/li&gt; &lt;li&gt;Color palette&lt;/li&gt; &lt;li&gt;Photography/imagery styles&lt;/li&gt; &lt;li&gt;Logo styles&lt;/li&gt; &lt;li&gt;Font styles&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;2. Update Your Website&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Take the time to update your website as well. An old, slow, outdated website could cost you customers.&lt;/p&gt; &lt;p&gt;In fact, &lt;a href=&quot;https://fitsmallbusiness.com/website-statistics/&quot;&gt;38% of consumers&lt;/a&gt; stop interacting with poorly designed websites. They might judge your credibility based on your site, too.&lt;/p&gt; &lt;p&gt;Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. &lt;/p&gt; &lt;p&gt;You can learn how to get the most from your &lt;a href=&quot;https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/&quot;&gt;web design&lt;/a&gt; here.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;3. Create Content&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).&lt;/p&gt; &lt;p&gt;SEO will help people find your website when they search for your product or service online.&lt;/p&gt; &lt;h2&gt;&lt;span&gt;4. Gather and Nurture Leads&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;As you use these digital marketing tips, make sure you have a plan for generating leads.&lt;/p&gt; &lt;p&gt;For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.&lt;/p&gt; &lt;p&gt;Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;5. Stay Social&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.&lt;/p&gt; &lt;p&gt;Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.&lt;/p&gt; &lt;p&gt;Otherwise, use influencer marketing to expand your reach online. &lt;/p&gt; &lt;p&gt;Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.&lt;/p&gt; &lt;p&gt;Keeping up with the trends will show consumers you’re relevant. &lt;/p&gt; &lt;h2&gt;&lt;span&gt;Get Growing: 5 Digital Marketing Tips for Your Small Business&lt;/span&gt;&lt;/h2&gt; &lt;p&gt;Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.&lt;/p&gt; &lt;p&gt;Start generating more leads and sales with these business marketing tips today.&lt;/p&gt; &lt;p&gt;Hunting for more tips? You’ve come to the right place.&lt;/p&gt; &lt;p&gt;Check out our latest guides for more useful advice. &lt;/p&gt;
14https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml
15 function myFunction() {
16    const url = &quot;https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml&quot;; // Please set URL.
17
18    const data = UrlFetchApp.fetch(url).getContentText();
19    const res = data.match(/&lt;content:encoded&gt;([\s\S\w]+)&lt;\/content:encoded&gt;/);
20    Logger.log(res)
21    if (res) {
22      var blob1 = Utilities.newBlob(&quot;&quot;).setDataFromString(res[1], &quot;UTF-8&quot;).setContentType(&quot;text/html&quot;);
23      Drive.Files.insert({title: &quot;TEST&quot;}, blob1, {convert: true});
24      //DriveApp.createFile(&quot;sample.html&quot;, res[1], MimeType.HTML);
25    }
26  }
27function myFunction() {
28  const fileId = &quot;###&quot;; // Please set the file ID of the file including the data.
29
30  const data = DriveApp.getFileById(fileId).getBlob().getDataAsString();
31  const res = data.match(/&lt;content:encoded&gt;([\s\S\w]+)&lt;\/content:encoded&gt;/);
32  if (res) {
33    DriveApp.createFile(&quot;sample.html&quot;, res[1], MimeType.HTML);
34  }
35}
36  function myFunction() {
37    const url = &quot;###&quot;; // Please set URL.
38
39    const data = UrlFetchApp.fetch(url).getContentText();
40    const res = data.match(/&lt;content:encoded&gt;([\s\S\w]+)&lt;\/content:encoded&gt;/);
41    if (res) {
42      DriveApp.createFile(&quot;sample.html&quot;, res[1], MimeType.HTML);
43    }
44  }
45function myFunction1() {
46  const url = &quot;https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml&quot;;
47  const data = UrlFetchApp.fetch(url).getContentText();
48  const root = XmlService.parse(data).getRootElement();
49  const ns1 = root.getNamespace();
50  const ns2 = XmlService.getNamespace(&quot;http://purl.org/rss/1.0/modules/content/&quot;);
51  root.getChild(&quot;channel&quot;, ns1).getChildren(&quot;item&quot;, ns1).forEach(e =&gt; {
52    Drive.Files.insert({title: e.getChild(&quot;title&quot;, ns1).getValue(), mimeType: MimeType.GOOGLE_DOCS}, HtmlService.createHtmlOutput(e.getChild(&quot;encoded&quot;, ns2).getValue()).getBlob());
53  });
54}
55function myFunction2() {
56  const url = &quot;https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml&quot;;
57  const data = UrlFetchApp.fetch(url).getContentText();
58  const root = XmlService.parse(data).getRootElement();
59  const ns1 = root.getNamespace();
60  const ns2 = XmlService.getNamespace(&quot;http://purl.org/rss/1.0/modules/content/&quot;);
61  root.getChild(&quot;channel&quot;, ns1).getChildren(&quot;item&quot;, ns1).forEach(e =&gt; {
62    let html = e.getChild(&quot;encoded&quot;, ns2).getValue();
63    const url = html.match(/&lt;img src\=\&quot;([\s\S\w]+?)\&quot;/);
64    if (url) {
65      const blob = UrlFetchApp.fetch(url[1].replace(/&amp;amp;/g, &quot;&amp;&quot;).trim()).getBlob();
66      const base64 = blob.getContentType() + ';base64,'+ Utilities.base64Encode(blob.getBytes());
67      html = html.replace(/&lt;img src\=\&quot;[\s\S\w]+?&gt;/, `&lt;img src=&quot;data:${base64}&quot;&gt;`);
68    }
69    DriveApp.createFile(HtmlService.createHtmlOutput(html).getAs(MimeType.PDF).setName(e.getChild(&quot;title&quot;, ns1).getValue()));
70  });
71}
72

Source https://stackoverflow.com/questions/69434026

QUESTION

Vaadin 14 Flow and SEO, PWA

Asked 2021-Aug-08 at 18:55

I'm going to start working on the brand-new web application with Vaadin 14 Flow (pure Java). Right now, I'm unable to find the clear information about - will my Vaadin 14 Flow (pure Java) web application be SEO(Search Engine Optimization) friendly out of the box or no? And if no - what additional steps should I implement in order to achieve this? Also, is it worth to add PWA support to the application and how complex is it in case of Vaadin 14 Flow (pure Java)?

ANSWER

Answered 2021-Aug-08 at 14:19

This question is on the fringe of StackOverflow policy, as it is potentially quite wide, so I am just answering briefly on top level. This question is seldomly asked in context of Vaadin applications, as they tend to be mostly implemented for company internal use, and thus SEO is not a requirement. Vaadin stance regarding SEO is neutral. So this is mostly application implementation level question. What you need to know is, that Vaadin's component implementations are web components, thus their internals are protected by shadow DOM. This means, if you have say ComboBox and you have set label to it, the label is not necessarily exposed to search index crawlers. In most cases it is not even necessary. Vaadin's layout components place components in light DOM, so if you use native html components representations like Span, Div, H1, H2, ... for the texts that you want to be exposed to SEO, you will be ok. Your text content will be exposed to the indexing crawlers. The rest is just about proper SEO copywriting, and that is naturally out of scope of Vaadin. You may be also interested in GoogleAnalyticsTracker.

Source https://stackoverflow.com/questions/68698484

QUESTION

How to put &lt;h1&gt;, &lt;h2&gt; tags in legend of &lt;p:fieldset&gt;?

Asked 2021-Jul-07 at 12:44

Using a library of components like Primefaces speeds up development with JSF (and has many other advantages!).

From a Search Engine Optimization (SEO) perspective, however, components are not ideal. For example, in Primefaces I can use a sort of panel called a fieldset:

1&lt;p:fieldset legend=&quot;Title of my panel&quot;&gt;
2    &lt;p&gt;
3       Content of my panel
4    &lt;/p&gt;
5 &lt;/p:fieldset&gt;
6

The title of the panel (set with the attribute "legend" of the fieldset) would have been a good candidate to put inside a <h2> or <h3> tag, because they are important subtitles in the page and search engines rely on these tags for their indexing. Using the fieldset component seems to prevent using <hn> tags in the titles of these components?

Is there a way I can have both? Primefaces components like fieldset with h1, h2, h3 tags for the titles of these components?

ANSWER

Answered 2021-Jul-07 at 10:27

p:fieldSet has a facet for the legend. So you can do:

1&lt;p:fieldset legend=&quot;Title of my panel&quot;&gt;
2    &lt;p&gt;
3       Content of my panel
4    &lt;/p&gt;
5 &lt;/p:fieldset&gt;
6&lt;p:fieldset&gt;
7    &lt;f:facet name=&quot;legend&quot;&gt;
8        &lt;h3&gt;Title of my panel&lt;/h3&gt;
9    &lt;/f:facet&gt;
10    &lt;p&gt;Content of my panel&lt;/p&gt;
11&lt;/p:fieldset&gt;
12

Source https://stackoverflow.com/questions/68283986

QUESTION

How to split a document in a list in python

Asked 2021-Feb-19 at 07:50

I have list input in below format

[ "There are many technical seo companies around the world but THA is recognized as a leader in it. \n\nTraditional marketing never provided better opportunity in understanding the customers need. Moreover, with old school marketing aproper analysis and handling of data was a lot difficult. As a result, the ROI and efficiency were much lower as compared to AI based marketing model. 4 key benefits are highlighted here as why seo services should use ai model over traditional approach.\n\nAI gives a positive influence on SEO. With AI, corporations can boost the precision, efficiency, and performance of search engine optimization techniques, comprising the content generated for SEO. While some of the SEOs may fear that AI will replace their role, AI fulfils in a supporting role as an equipment.AI in SEO assists to enhance your recent SEO strategy by finding out chances, like related keywords. Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n\nThere are many technical seo companies around the world but THA is recognized as a leader in it. From advanced off page services to professional seo services we are the market leader.\n\nOur main value added proposition is ai seo optimization & business seo with cutting edge technologies such as data science, machine learning, semantic engineering, advanced search, and much more.\n\nWhile some of the SEOs may fear that AI will replace their role, AI fulfils in a supporting role as an equipment.AI in SEO assists to enhance your recent SEO strategy by finding out chances, like related keywords. Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n\n\nIts algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n" ]

I required code to split it by new line notation,any ways to do it in python?

ANSWER

Answered 2021-Feb-19 at 07:48

Looks like your list only has a single element so you can just do:

1lst = [&quot;There are many technical seo companies around the world but THA is recognized as a leader in it. \n\nTraditional marketing never provided better opportunity in understanding the customers need. Moreover, with old school marketing aproper analysis and handling of data was a lot difficult. As a result, the ROI and efficiency were much lower as compared to AI based marketing model. 4 key benefits are highlighted here as why seo services should use ai model over traditional approach.\n\nAI gives a positive influence on SEO. With AI, corporations can boost the precision, efficiency, and performance of search engine optimization techniques, comprising the content generated for SEO. While some of the SEOs may fear that AI will replace their role, AI fulfils in a supporting role as an equipment.AI in SEO assists to enhance your recent SEO strategy by finding out chances, like related keywords. Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n\nThere are many technical seo companies around the world but THA is recognized as a leader in it. From advanced off page services to professional seo services we are the market leader.\n\nOur main value added proposition is ai seo optimization &amp; business seo with cutting edge technologies such as data science, machine learning, semantic engineering, advanced search, and much more.\n\nWhile some of the SEOs may fear that AI will replace their role, AI fulfils in a supporting role as an equipment.AI in SEO assists to enhance your recent SEO strategy by finding out chances, like related keywords. Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n\n\nIts algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n&quot; ]
2lst = lst[0].split('\n')
3for line in lst:
4    print(line)
5

Output:

1lst = [&quot;There are many technical seo companies around the world but THA is recognized as a leader in it. \n\nTraditional marketing never provided better opportunity in understanding the customers need. Moreover, with old school marketing aproper analysis and handling of data was a lot difficult. As a result, the ROI and efficiency were much lower as compared to AI based marketing model. 4 key benefits are highlighted here as why seo services should use ai model over traditional approach.\n\nAI gives a positive influence on SEO. With AI, corporations can boost the precision, efficiency, and performance of search engine optimization techniques, comprising the content generated for SEO. While some of the SEOs may fear that AI will replace their role, AI fulfils in a supporting role as an equipment.AI in SEO assists to enhance your recent SEO strategy by finding out chances, like related keywords. Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n\nThere are many technical seo companies around the world but THA is recognized as a leader in it. From advanced off page services to professional seo services we are the market leader.\n\nOur main value added proposition is ai seo optimization &amp; business seo with cutting edge technologies such as data science, machine learning, semantic engineering, advanced search, and much more.\n\nWhile some of the SEOs may fear that AI will replace their role, AI fulfils in a supporting role as an equipment.AI in SEO assists to enhance your recent SEO strategy by finding out chances, like related keywords. Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n\n\nIts algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n&quot; ]
2lst = lst[0].split('\n')
3for line in lst:
4    print(line)
5There are many technical seo companies around the world but THA is recognized as a leader in it. 
6
7Traditional marketing never provided better opportunity in understanding the customers need. Moreover, with old school marketing aproper analysis and handling of data was a lot difficult. As a result, the ROI and efficiency were much lower as compared to AI based marketing model. 4 key benefits are highlighted here as why seo services should use ai model over traditional approach.
8
9AI gives a positive influence on SEO. With AI, corporations can boost the precision, efficiency, and performance of search engine optimization techniques, comprising the content generated for SEO. While some of the SEOs may fear that AI will replace their role, AI fulfils in a supporting role as an equipment.AI in SEO assists to enhance your recent SEO strategy by finding out chances, like related keywords. Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.
10
11There are many technical seo companies around the world but THA is recognized as a leader in it. From advanced off page services to professional seo services we are the market leader.
12
13Our main value added proposition is ai seo optimization &amp; business seo with cutting edge technologies such as data science, machine learning, semantic engineering, advanced search, and much more.
14
15While some of the SEOs may fear that AI will replace their role, AI fulfils in a supporting role as an equipment.AI in SEO assists to enhance your recent SEO strategy by finding out chances, like related keywords. Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.
16
17
18Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.
19

You could add another loop if there are multiple documents in the above list.

Source https://stackoverflow.com/questions/66273549

QUESTION

How do i fix Upwork clone sliding page problem (JS)

Asked 2020-Dec-31 at 08:29

If you've used upwork you might be familiar with their UI.
Here I tried to make it's small feature when when user clicks on any freelance job offer, another page opens from left side transform: translate(120%) to transform: translate(0)


Problem is that when I click on job header sliding from right to left works perfectly fine but when I do this same thing second time, sliding is not working. and also when slide comes from right to left there's grayish bar appears on right side of the page. I don't know what I am doing if You are satisfied with my explanation I'll try to more detailed about it.

Screenshot

1const jobContainer = document.querySelector('.job-description');
2let htag = document.querySelector('.green-h3');
3function changeCol() {
4    htag = document.querySelector('.green-h3');
5    htag.style.color = "green"
6}
7
8function normalCol() {
9    let htag = document.querySelector('.green-h3');
10    htag.style.color = "black"
11    htag.style.borderBottom = `none`
12}
13
14htag.addEventListener('mouseover', ()=&gt; {
15    htag.style.borderBottom = `1.5px solid green`
16});
17
18
19
20// show more
21let hiddenInfo = document.querySelector('.by-default-hidden');
22let more = document.querySelector('.more');
23let less = document.querySelector('.less');
24less.style.display = 'none'
25more.addEventListener('click', ()=&gt; {
26    hiddenInfo.style.display = 'inline'
27    more.style.display = 'none'
28    less.style.display = 'inline'
29})
30
31less.addEventListener('click', ()=&gt; {
32    hiddenInfo.style.display = 'none'
33    more.style.display = 'inline'
34    less.style.display = 'none'
35})
36
37
38// sliding
39
40let headingTag = document.querySelector('.green-h3');
41let slidingParent = document.querySelector('.container-job-slide')
42let slidingContent = document.querySelector('.slide-jobs');
43let jobSectionmain = document.querySelector('.jobs');
44let backIcon = document.querySelector('.back-icon');
45headingTag.addEventListener('click', ()=&gt; {
46    
47    document.body.setAttribute("data-theme", "blur")
48    if (headingTag) {
49        slidingContent.style.display = 'block';
50    } else {
51        slidingContent.style.display = 'none';
52    }
53})
54
55backIcon.addEventListener('click', ()=&gt; {
56    slidingContent.style.transform = `translateX(120%)`;
57    document.body.removeAttribute("data-theme", "blur");
58});
1const jobContainer = document.querySelector('.job-description');
2let htag = document.querySelector('.green-h3');
3function changeCol() {
4    htag = document.querySelector('.green-h3');
5    htag.style.color = "green"
6}
7
8function normalCol() {
9    let htag = document.querySelector('.green-h3');
10    htag.style.color = "black"
11    htag.style.borderBottom = `none`
12}
13
14htag.addEventListener('mouseover', ()=&gt; {
15    htag.style.borderBottom = `1.5px solid green`
16});
17
18
19
20// show more
21let hiddenInfo = document.querySelector('.by-default-hidden');
22let more = document.querySelector('.more');
23let less = document.querySelector('.less');
24less.style.display = 'none'
25more.addEventListener('click', ()=&gt; {
26    hiddenInfo.style.display = 'inline'
27    more.style.display = 'none'
28    less.style.display = 'inline'
29})
30
31less.addEventListener('click', ()=&gt; {
32    hiddenInfo.style.display = 'none'
33    more.style.display = 'inline'
34    less.style.display = 'none'
35})
36
37
38// sliding
39
40let headingTag = document.querySelector('.green-h3');
41let slidingParent = document.querySelector('.container-job-slide')
42let slidingContent = document.querySelector('.slide-jobs');
43let jobSectionmain = document.querySelector('.jobs');
44let backIcon = document.querySelector('.back-icon');
45headingTag.addEventListener('click', ()=&gt; {
46    
47    document.body.setAttribute("data-theme", "blur")
48    if (headingTag) {
49        slidingContent.style.display = 'block';
50    } else {
51        slidingContent.style.display = 'none';
52    }
53})
54
55backIcon.addEventListener('click', ()=&gt; {
56    slidingContent.style.transform = `translateX(120%)`;
57    document.body.removeAttribute("data-theme", "blur");
58});body {
59    max-width: 990px;
60    overflow-x: hidden;
61    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
62    background-color: #F1F2F4;
63    margin: 0 auto;
64}
65
66body[data-theme="blur"] {
67    background-color: rgb(87, 87, 87);
68}
69
70
71.jobs {
72    position: relative;
73}
74
75.container-job {
76    max-width: 630px;
77    position: relative;
78}
79
80
81h1 {
82    padding: 20px 10px 20px 40px;
83    background-color: white ;
84}
85
86.job-description {
87    margin-top: -20px;
88    border-top: 1px solid rgb(194, 194, 194);
89    padding: 20px 20px 20px 40px;
90    background-color: white;
91    color: #656565;
92}
93
94.job-description:hover{
95    color: black;
96    background-color: #F9F9F9;
97    cursor: pointer;
98}
99.more,.less {
100    color: green;
101}
102.more:hover,.less:hover {
103    border-bottom: 1.5px solid green;
104    cursor: pointer;
105}
106.green-h3 {
107    font-size: 1.2rem;
108}
109
110.green-h3:hover  {
111    border-bottom: 1.5px solid green;
112}
113
114.by-default-hidden {
115    display: none;
116}
117
118/* slide jobs */
119
120.slide-jobs {
121    top: 0;
122    position: absolute;
123    /* */
124    display: none;
125    right: 5%;
126    width: 80%;
127    transition: all .4s;
128    animation: slide .4s ease-in;
129}
130@keyframes slide {
131    from {
132        transform: translateX(100%); 
133    }
134    to {
135        transform: translateX(0); 
136    }
137}
138/* .backSlide {
139    animation: backSlide .4s ease-in;
140}
141
142@keyframes backSlide {
143    from{
144        transform: translateX(0%);
145    } 
146    to {
147        transform: translateX(120%);
148    }
149} */
150
151.job-description-slide {
152    margin-top: -20px;
153    border-top: 1px solid rgb(194, 194, 194);
154    padding: 20px 20px 20px 40px;
155    background-color: white;
156}
157.back-icon div{
158    height: 4px;
159    width: 20px;
160    margin: 5px;
161    background-color: green;
162    cursor: pointer;
163}
164.back-icon {
165    background-color: white;
166    padding: 25px;
167}
168.line1 {
169    transform: rotate(-30deg);
170}
171.line2 {
172    transform: rotate(30deg);
173}
1const jobContainer = document.querySelector('.job-description');
2let htag = document.querySelector('.green-h3');
3function changeCol() {
4    htag = document.querySelector('.green-h3');
5    htag.style.color = "green"
6}
7
8function normalCol() {
9    let htag = document.querySelector('.green-h3');
10    htag.style.color = "black"
11    htag.style.borderBottom = `none`
12}
13
14htag.addEventListener('mouseover', ()=&gt; {
15    htag.style.borderBottom = `1.5px solid green`
16});
17
18
19
20// show more
21let hiddenInfo = document.querySelector('.by-default-hidden');
22let more = document.querySelector('.more');
23let less = document.querySelector('.less');
24less.style.display = 'none'
25more.addEventListener('click', ()=&gt; {
26    hiddenInfo.style.display = 'inline'
27    more.style.display = 'none'
28    less.style.display = 'inline'
29})
30
31less.addEventListener('click', ()=&gt; {
32    hiddenInfo.style.display = 'none'
33    more.style.display = 'inline'
34    less.style.display = 'none'
35})
36
37
38// sliding
39
40let headingTag = document.querySelector('.green-h3');
41let slidingParent = document.querySelector('.container-job-slide')
42let slidingContent = document.querySelector('.slide-jobs');
43let jobSectionmain = document.querySelector('.jobs');
44let backIcon = document.querySelector('.back-icon');
45headingTag.addEventListener('click', ()=&gt; {
46    
47    document.body.setAttribute("data-theme", "blur")
48    if (headingTag) {
49        slidingContent.style.display = 'block';
50    } else {
51        slidingContent.style.display = 'none';
52    }
53})
54
55backIcon.addEventListener('click', ()=&gt; {
56    slidingContent.style.transform = `translateX(120%)`;
57    document.body.removeAttribute("data-theme", "blur");
58});body {
59    max-width: 990px;
60    overflow-x: hidden;
61    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
62    background-color: #F1F2F4;
63    margin: 0 auto;
64}
65
66body[data-theme="blur"] {
67    background-color: rgb(87, 87, 87);
68}
69
70
71.jobs {
72    position: relative;
73}
74
75.container-job {
76    max-width: 630px;
77    position: relative;
78}
79
80
81h1 {
82    padding: 20px 10px 20px 40px;
83    background-color: white ;
84}
85
86.job-description {
87    margin-top: -20px;
88    border-top: 1px solid rgb(194, 194, 194);
89    padding: 20px 20px 20px 40px;
90    background-color: white;
91    color: #656565;
92}
93
94.job-description:hover{
95    color: black;
96    background-color: #F9F9F9;
97    cursor: pointer;
98}
99.more,.less {
100    color: green;
101}
102.more:hover,.less:hover {
103    border-bottom: 1.5px solid green;
104    cursor: pointer;
105}
106.green-h3 {
107    font-size: 1.2rem;
108}
109
110.green-h3:hover  {
111    border-bottom: 1.5px solid green;
112}
113
114.by-default-hidden {
115    display: none;
116}
117
118/* slide jobs */
119
120.slide-jobs {
121    top: 0;
122    position: absolute;
123    /* */
124    display: none;
125    right: 5%;
126    width: 80%;
127    transition: all .4s;
128    animation: slide .4s ease-in;
129}
130@keyframes slide {
131    from {
132        transform: translateX(100%); 
133    }
134    to {
135        transform: translateX(0); 
136    }
137}
138/* .backSlide {
139    animation: backSlide .4s ease-in;
140}
141
142@keyframes backSlide {
143    from{
144        transform: translateX(0%);
145    } 
146    to {
147        transform: translateX(120%);
148    }
149} */
150
151.job-description-slide {
152    margin-top: -20px;
153    border-top: 1px solid rgb(194, 194, 194);
154    padding: 20px 20px 20px 40px;
155    background-color: white;
156}
157.back-icon div{
158    height: 4px;
159    width: 20px;
160    margin: 5px;
161    background-color: green;
162    cursor: pointer;
163}
164.back-icon {
165    background-color: white;
166    padding: 25px;
167}
168.line1 {
169    transform: rotate(-30deg);
170}
171.line2 {
172    transform: rotate(30deg);
173}&lt;section class="jobs"&gt;
174      &lt;div class="container-job"&gt;
175        &lt;h1&gt;My Feed&lt;/h1&gt;
176        &lt;div
177          onmouseover="changeCol();"
178          onmouseout="normalCol()"
179          class="job-description"
180        &gt;
181          &lt;span class="green-h3"&gt;SEO Specialist Needed&lt;/span&gt;
182          &lt;h4&gt;
183            Fixed-price - Expert - Est. Budget: 400$ - Posted 46 minutes ago
184          &lt;/h4&gt;
185          &lt;p&gt;
186            Job Description Hello! Our small digital advertising company needs
187            someone that's starting out in their career that is **VERY** capable
188            in SEO and web development. Must be able to do a video call and
189            operate in US Eastern Time. Also must be comfortable with Wordpress.
190            If you also have some graphic design background and know about
191            Facebook / Google Ads and could manage those, that's a
192            &lt;span class="more"&gt;more&lt;/span&gt;
193            &lt;span class="by-default-hidden"
194              &gt;significant plus. Our team also needs someone that's very
195              comfortable in Wordpress back end HTML / CSS / PHP, and can
196              essentially create a site from visuals provided. Pay is not
197              fantastic YET, but it should be once we really have clients coming
198              through. Must be able to do a video call every now and then, and
199              video interview on front end. Key summary: we need an SEO expert
200              to manage search engine optimization and marketing activities. The
201              SEO Specialist will be responsible for managing all SEO activities
202              such as keyword strategy, content strategy and link building to
203              increase organic search rankings and drive search traffic from
204              Google, Bing, Yahoo and other search engines. A successful SEO
205              specialist must keep up-to-date with the latest industry best
206              practices and work closely with editorial and marketing teams to
207              develop a successful organic search strategy. Responsibilities
208              Optimize copy and landing pages for search engine optimization
209              Perform ongoing keyword research and discovery, expansion and
210              optimization Research and implement search engine optimization
211              recommendations on the website Research and analyze competitor
212              content and links Develop and implement link building strategy
213              Work with the development team to ensure SEO best practices are
214              properly implemented on newly developed code Work with editorial
215              and marketing teams to drive SEO in content strategy and creation
216              Work closely with social media team to align social distribution
217              and SEO efforts Recommend changes to website architecture,
218              content, linking and other factors to improve SEO positions for
219              target keywords Skills Proven SEO experience and a track record of
220              success growing organic search traffic and conversions Solid
221              understanding of performance marketing, conversion, and online
222              customer acquisition Up-to-date with the latest trends and best
223              practices in SEO and inbound marketing In-depth experience with
224              website analytics tools (e.g, Google Analytics, NetInsight,
225              Omniture, WebTrends) Working knowledge of HTML, CSS, and
226              JavaScript development and constraints Familiarity with content
227              management systems (e.g, Wordpress, Vignette) BS/MS degree in a
228              quantitative, test-driven field Job Type: Part-time Pay: From
229              $20.00 per hour&lt;/span
230            &gt;
231            &lt;span class="less"&gt;Less&lt;/span&gt;
232          &lt;/p&gt;
233        &lt;/div&gt;
234      &lt;/div&gt;
235    &lt;/section&gt;
236    &lt;section class="slide-jobs"&gt;
237      &lt;div class="container-job-slide"&gt;
238        &lt;div class="back-icon"&gt;
239          &lt;div class="line1"&gt;&lt;/div&gt;
240          &lt;div class="line2"&gt;&lt;/div&gt;
241        &lt;/div&gt;
242        &lt;h1&gt;SEO Specialist Needed&lt;/h1&gt;
243        &lt;div class="job-description-slide"&gt;
244          &lt;span class="green-h3"&gt;SEO Specialist Needed&lt;/span&gt;
245          &lt;h4&gt;
246            Fixed-price - Expert - Est. Budget: 400$ - Posted 46 minutes ago
247          &lt;/h4&gt;
248          &lt;p&gt;
249            Job Description Hello! Our small digital advertising company needs
250            someone that's starting out in their career that is **VERY** capable
251            in SEO and web development. Must be able to do a video call and
252            operate in US Eastern Time. Also must be comfortable with Wordpress.
253            If you also have some graphic design background and know about
254            Facebook / Google Ads and could manage those, that's a significant
255            plus. Our team also needs someone that's very comfortable in
256            Wordpress back end HTML / CSS / PHP, and can essentially create a
257            site from visuals provided. Pay is not fantastic YET, but it should
258            be once we really have clients coming through. Must be able to do a
259            video call every now and then, and video interview on front end. Key
260            summary: we need an SEO expert to manage search engine optimization
261            and marketing activities. The SEO Specialist will be responsible for
262            managing all SEO activities such as keyword strategy, content
263            strategy and link building to increase organic search rankings and
264            drive search traffic from Google, Bing, Yahoo and other search
265            engines. A successful SEO specialist must keep up-to-date with the
266            latest industry best practices and work closely with editorial and
267            marketing teams to develop a successful organic search strategy.
268            Responsibilities Optimize copy and landing pages for search engine
269            optimization Perform ongoing keyword research and discovery,
270            expansion and optimization Research and implement search engine
271            optimization recommendations on the website Research and analyze
272            competitor content and links Develop and implement link building
273            strategy Work with the development team to ensure SEO best practices
274            are properly implemented on newly developed code Work with editorial
275            and marketing teams to drive SEO in content strategy and creation
276            Work closely with social media team to align social distribution and
277            SEO efforts Recommend changes to website architecture, content,
278            linking and other factors to improve SEO positions for target
279            keywords Skills Proven SEO experience and a track record of success
280            growing organic search traffic and conversions Solid understanding
281            of performance marketing, conversion, and online customer
282            acquisition Up-to-date with the latest trends and best practices in
283            SEO and inbound marketing In-depth experience with website analytics
284            tools (e.g, Google Analytics, NetInsight, Omniture, WebTrends)
285            Working knowledge of HTML, CSS, and JavaScript development and
286            constraints Familiarity with content management systems (e.g,
287            Wordpress, Vignette) BS/MS degree in a quantitative, test-driven
288            field Job Type: Part-time Pay: From $20.00 per hour
289          &lt;/p&gt;
290        &lt;/div&gt;
291      &lt;/div&gt;
292    &lt;/section&gt;

ANSWER

Answered 2020-Dec-31 at 08:29

1st in some places in your code your js code you have ` instead of ' when selecting elements like in :

1const jobContainer = document.querySelector('.job-description');
2let htag = document.querySelector('.green-h3');
3function changeCol() {
4    htag = document.querySelector('.green-h3');
5    htag.style.color = "green"
6}
7
8function normalCol() {
9    let htag = document.querySelector('.green-h3');
10    htag.style.color = "black"
11    htag.style.borderBottom = `none`
12}
13
14htag.addEventListener('mouseover', ()=&gt; {
15    htag.style.borderBottom = `1.5px solid green`
16});
17
18
19
20// show more
21let hiddenInfo = document.querySelector('.by-default-hidden');
22let more = document.querySelector('.more');
23let less = document.querySelector('.less');
24less.style.display = 'none'
25more.addEventListener('click', ()=&gt; {
26    hiddenInfo.style.display = 'inline'
27    more.style.display = 'none'
28    less.style.display = 'inline'
29})
30
31less.addEventListener('click', ()=&gt; {
32    hiddenInfo.style.display = 'none'
33    more.style.display = 'inline'
34    less.style.display = 'none'
35})
36
37
38// sliding
39
40let headingTag = document.querySelector('.green-h3');
41let slidingParent = document.querySelector('.container-job-slide')
42let slidingContent = document.querySelector('.slide-jobs');
43let jobSectionmain = document.querySelector('.jobs');
44let backIcon = document.querySelector('.back-icon');
45headingTag.addEventListener('click', ()=&gt; {
46    
47    document.body.setAttribute("data-theme", "blur")
48    if (headingTag) {
49        slidingContent.style.display = 'block';
50    } else {
51        slidingContent.style.display = 'none';
52    }
53})
54
55backIcon.addEventListener('click', ()=&gt; {
56    slidingContent.style.transform = `translateX(120%)`;
57    document.body.removeAttribute("data-theme", "blur");
58});body {
59    max-width: 990px;
60    overflow-x: hidden;
61    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
62    background-color: #F1F2F4;
63    margin: 0 auto;
64}
65
66body[data-theme="blur"] {
67    background-color: rgb(87, 87, 87);
68}
69
70
71.jobs {
72    position: relative;
73}
74
75.container-job {
76    max-width: 630px;
77    position: relative;
78}
79
80
81h1 {
82    padding: 20px 10px 20px 40px;
83    background-color: white ;
84}
85
86.job-description {
87    margin-top: -20px;
88    border-top: 1px solid rgb(194, 194, 194);
89    padding: 20px 20px 20px 40px;
90    background-color: white;
91    color: #656565;
92}
93
94.job-description:hover{
95    color: black;
96    background-color: #F9F9F9;
97    cursor: pointer;
98}
99.more,.less {
100    color: green;
101}
102.more:hover,.less:hover {
103    border-bottom: 1.5px solid green;
104    cursor: pointer;
105}
106.green-h3 {
107    font-size: 1.2rem;
108}
109
110.green-h3:hover  {
111    border-bottom: 1.5px solid green;
112}
113
114.by-default-hidden {
115    display: none;
116}
117
118/* slide jobs */
119
120.slide-jobs {
121    top: 0;
122    position: absolute;
123    /* */
124    display: none;
125    right: 5%;
126    width: 80%;
127    transition: all .4s;
128    animation: slide .4s ease-in;
129}
130@keyframes slide {
131    from {
132        transform: translateX(100%); 
133    }
134    to {
135        transform: translateX(0); 
136    }
137}
138/* .backSlide {
139    animation: backSlide .4s ease-in;
140}
141
142@keyframes backSlide {
143    from{
144        transform: translateX(0%);
145    } 
146    to {
147        transform: translateX(120%);
148    }
149} */
150
151.job-description-slide {
152    margin-top: -20px;
153    border-top: 1px solid rgb(194, 194, 194);
154    padding: 20px 20px 20px 40px;
155    background-color: white;
156}
157.back-icon div{
158    height: 4px;
159    width: 20px;
160    margin: 5px;
161    background-color: green;
162    cursor: pointer;
163}
164.back-icon {
165    background-color: white;
166    padding: 25px;
167}
168.line1 {
169    transform: rotate(-30deg);
170}
171.line2 {
172    transform: rotate(30deg);
173}&lt;section class="jobs"&gt;
174      &lt;div class="container-job"&gt;
175        &lt;h1&gt;My Feed&lt;/h1&gt;
176        &lt;div
177          onmouseover="changeCol();"
178          onmouseout="normalCol()"
179          class="job-description"
180        &gt;
181          &lt;span class="green-h3"&gt;SEO Specialist Needed&lt;/span&gt;
182          &lt;h4&gt;
183            Fixed-price - Expert - Est. Budget: 400$ - Posted 46 minutes ago
184          &lt;/h4&gt;
185          &lt;p&gt;
186            Job Description Hello! Our small digital advertising company needs
187            someone that's starting out in their career that is **VERY** capable
188            in SEO and web development. Must be able to do a video call and
189            operate in US Eastern Time. Also must be comfortable with Wordpress.
190            If you also have some graphic design background and know about
191            Facebook / Google Ads and could manage those, that's a
192            &lt;span class="more"&gt;more&lt;/span&gt;
193            &lt;span class="by-default-hidden"
194              &gt;significant plus. Our team also needs someone that's very
195              comfortable in Wordpress back end HTML / CSS / PHP, and can
196              essentially create a site from visuals provided. Pay is not
197              fantastic YET, but it should be once we really have clients coming
198              through. Must be able to do a video call every now and then, and
199              video interview on front end. Key summary: we need an SEO expert
200              to manage search engine optimization and marketing activities. The
201              SEO Specialist will be responsible for managing all SEO activities
202              such as keyword strategy, content strategy and link building to
203              increase organic search rankings and drive search traffic from
204              Google, Bing, Yahoo and other search engines. A successful SEO
205              specialist must keep up-to-date with the latest industry best
206              practices and work closely with editorial and marketing teams to
207              develop a successful organic search strategy. Responsibilities
208              Optimize copy and landing pages for search engine optimization
209              Perform ongoing keyword research and discovery, expansion and
210              optimization Research and implement search engine optimization
211              recommendations on the website Research and analyze competitor
212              content and links Develop and implement link building strategy
213              Work with the development team to ensure SEO best practices are
214              properly implemented on newly developed code Work with editorial
215              and marketing teams to drive SEO in content strategy and creation
216              Work closely with social media team to align social distribution
217              and SEO efforts Recommend changes to website architecture,
218              content, linking and other factors to improve SEO positions for
219              target keywords Skills Proven SEO experience and a track record of
220              success growing organic search traffic and conversions Solid
221              understanding of performance marketing, conversion, and online
222              customer acquisition Up-to-date with the latest trends and best
223              practices in SEO and inbound marketing In-depth experience with
224              website analytics tools (e.g, Google Analytics, NetInsight,
225              Omniture, WebTrends) Working knowledge of HTML, CSS, and
226              JavaScript development and constraints Familiarity with content
227              management systems (e.g, Wordpress, Vignette) BS/MS degree in a
228              quantitative, test-driven field Job Type: Part-time Pay: From
229              $20.00 per hour&lt;/span
230            &gt;
231            &lt;span class="less"&gt;Less&lt;/span&gt;
232          &lt;/p&gt;
233        &lt;/div&gt;
234      &lt;/div&gt;
235    &lt;/section&gt;
236    &lt;section class="slide-jobs"&gt;
237      &lt;div class="container-job-slide"&gt;
238        &lt;div class="back-icon"&gt;
239          &lt;div class="line1"&gt;&lt;/div&gt;
240          &lt;div class="line2"&gt;&lt;/div&gt;
241        &lt;/div&gt;
242        &lt;h1&gt;SEO Specialist Needed&lt;/h1&gt;
243        &lt;div class="job-description-slide"&gt;
244          &lt;span class="green-h3"&gt;SEO Specialist Needed&lt;/span&gt;
245          &lt;h4&gt;
246            Fixed-price - Expert - Est. Budget: 400$ - Posted 46 minutes ago
247          &lt;/h4&gt;
248          &lt;p&gt;
249            Job Description Hello! Our small digital advertising company needs
250            someone that's starting out in their career that is **VERY** capable
251            in SEO and web development. Must be able to do a video call and
252            operate in US Eastern Time. Also must be comfortable with Wordpress.
253            If you also have some graphic design background and know about
254            Facebook / Google Ads and could manage those, that's a significant
255            plus. Our team also needs someone that's very comfortable in
256            Wordpress back end HTML / CSS / PHP, and can essentially create a
257            site from visuals provided. Pay is not fantastic YET, but it should
258            be once we really have clients coming through. Must be able to do a
259            video call every now and then, and video interview on front end. Key
260            summary: we need an SEO expert to manage search engine optimization
261            and marketing activities. The SEO Specialist will be responsible for
262            managing all SEO activities such as keyword strategy, content
263            strategy and link building to increase organic search rankings and
264            drive search traffic from Google, Bing, Yahoo and other search
265            engines. A successful SEO specialist must keep up-to-date with the
266            latest industry best practices and work closely with editorial and
267            marketing teams to develop a successful organic search strategy.
268            Responsibilities Optimize copy and landing pages for search engine
269            optimization Perform ongoing keyword research and discovery,
270            expansion and optimization Research and implement search engine
271            optimization recommendations on the website Research and analyze
272            competitor content and links Develop and implement link building
273            strategy Work with the development team to ensure SEO best practices
274            are properly implemented on newly developed code Work with editorial
275            and marketing teams to drive SEO in content strategy and creation
276            Work closely with social media team to align social distribution and
277            SEO efforts Recommend changes to website architecture, content,
278            linking and other factors to improve SEO positions for target
279            keywords Skills Proven SEO experience and a track record of success
280            growing organic search traffic and conversions Solid understanding
281            of performance marketing, conversion, and online customer
282            acquisition Up-to-date with the latest trends and best practices in
283            SEO and inbound marketing In-depth experience with website analytics
284            tools (e.g, Google Analytics, NetInsight, Omniture, WebTrends)
285            Working knowledge of HTML, CSS, and JavaScript development and
286            constraints Familiarity with content management systems (e.g,
287            Wordpress, Vignette) BS/MS degree in a quantitative, test-driven
288            field Job Type: Part-time Pay: From $20.00 per hour
289          &lt;/p&gt;
290        &lt;/div&gt;
291      &lt;/div&gt;
292    &lt;/section&gt;htag.style.borderBottom = `1.5px solid green`
293// should be
294htag.style.borderBottom = '1.5px solid green'
295

Fix that! You need 1 small fix in the code about sliding problem

1const jobContainer = document.querySelector('.job-description');
2let htag = document.querySelector('.green-h3');
3function changeCol() {
4    htag = document.querySelector('.green-h3');
5    htag.style.color = "green"
6}
7
8function normalCol() {
9    let htag = document.querySelector('.green-h3');
10    htag.style.color = "black"
11    htag.style.borderBottom = `none`
12}
13
14htag.addEventListener('mouseover', ()=&gt; {
15    htag.style.borderBottom = `1.5px solid green`
16});
17
18
19
20// show more
21let hiddenInfo = document.querySelector('.by-default-hidden');
22let more = document.querySelector('.more');
23let less = document.querySelector('.less');
24less.style.display = 'none'
25more.addEventListener('click', ()=&gt; {
26    hiddenInfo.style.display = 'inline'
27    more.style.display = 'none'
28    less.style.display = 'inline'
29})
30
31less.addEventListener('click', ()=&gt; {
32    hiddenInfo.style.display = 'none'
33    more.style.display = 'inline'
34    less.style.display = 'none'
35})
36
37
38// sliding
39
40let headingTag = document.querySelector('.green-h3');
41let slidingParent = document.querySelector('.container-job-slide')
42let slidingContent = document.querySelector('.slide-jobs');
43let jobSectionmain = document.querySelector('.jobs');
44let backIcon = document.querySelector('.back-icon');
45headingTag.addEventListener('click', ()=&gt; {
46    
47    document.body.setAttribute("data-theme", "blur")
48    if (headingTag) {
49        slidingContent.style.display = 'block';
50    } else {
51        slidingContent.style.display = 'none';
52    }
53})
54
55backIcon.addEventListener('click', ()=&gt; {
56    slidingContent.style.transform = `translateX(120%)`;
57    document.body.removeAttribute("data-theme", "blur");
58});body {
59    max-width: 990px;
60    overflow-x: hidden;
61    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
62    background-color: #F1F2F4;
63    margin: 0 auto;
64}
65
66body[data-theme="blur"] {
67    background-color: rgb(87, 87, 87);
68}
69
70
71.jobs {
72    position: relative;
73}
74
75.container-job {
76    max-width: 630px;
77    position: relative;
78}
79
80
81h1 {
82    padding: 20px 10px 20px 40px;
83    background-color: white ;
84}
85
86.job-description {
87    margin-top: -20px;
88    border-top: 1px solid rgb(194, 194, 194);
89    padding: 20px 20px 20px 40px;
90    background-color: white;
91    color: #656565;
92}
93
94.job-description:hover{
95    color: black;
96    background-color: #F9F9F9;
97    cursor: pointer;
98}
99.more,.less {
100    color: green;
101}
102.more:hover,.less:hover {
103    border-bottom: 1.5px solid green;
104    cursor: pointer;
105}
106.green-h3 {
107    font-size: 1.2rem;
108}
109
110.green-h3:hover  {
111    border-bottom: 1.5px solid green;
112}
113
114.by-default-hidden {
115    display: none;
116}
117
118/* slide jobs */
119
120.slide-jobs {
121    top: 0;
122    position: absolute;
123    /* */
124    display: none;
125    right: 5%;
126    width: 80%;
127    transition: all .4s;
128    animation: slide .4s ease-in;
129}
130@keyframes slide {
131    from {
132        transform: translateX(100%); 
133    }
134    to {
135        transform: translateX(0); 
136    }
137}
138/* .backSlide {
139    animation: backSlide .4s ease-in;
140}
141
142@keyframes backSlide {
143    from{
144        transform: translateX(0%);
145    } 
146    to {
147        transform: translateX(120%);
148    }
149} */
150
151.job-description-slide {
152    margin-top: -20px;
153    border-top: 1px solid rgb(194, 194, 194);
154    padding: 20px 20px 20px 40px;
155    background-color: white;
156}
157.back-icon div{
158    height: 4px;
159    width: 20px;
160    margin: 5px;
161    background-color: green;
162    cursor: pointer;
163}
164.back-icon {
165    background-color: white;
166    padding: 25px;
167}
168.line1 {
169    transform: rotate(-30deg);
170}
171.line2 {
172    transform: rotate(30deg);
173}&lt;section class="jobs"&gt;
174      &lt;div class="container-job"&gt;
175        &lt;h1&gt;My Feed&lt;/h1&gt;
176        &lt;div
177          onmouseover="changeCol();"
178          onmouseout="normalCol()"
179          class="job-description"
180        &gt;
181          &lt;span class="green-h3"&gt;SEO Specialist Needed&lt;/span&gt;
182          &lt;h4&gt;
183            Fixed-price - Expert - Est. Budget: 400$ - Posted 46 minutes ago
184          &lt;/h4&gt;
185          &lt;p&gt;
186            Job Description Hello! Our small digital advertising company needs
187            someone that's starting out in their career that is **VERY** capable
188            in SEO and web development. Must be able to do a video call and
189            operate in US Eastern Time. Also must be comfortable with Wordpress.
190            If you also have some graphic design background and know about
191            Facebook / Google Ads and could manage those, that's a
192            &lt;span class="more"&gt;more&lt;/span&gt;
193            &lt;span class="by-default-hidden"
194              &gt;significant plus. Our team also needs someone that's very
195              comfortable in Wordpress back end HTML / CSS / PHP, and can
196              essentially create a site from visuals provided. Pay is not
197              fantastic YET, but it should be once we really have clients coming
198              through. Must be able to do a video call every now and then, and
199              video interview on front end. Key summary: we need an SEO expert
200              to manage search engine optimization and marketing activities. The
201              SEO Specialist will be responsible for managing all SEO activities
202              such as keyword strategy, content strategy and link building to
203              increase organic search rankings and drive search traffic from
204              Google, Bing, Yahoo and other search engines. A successful SEO
205              specialist must keep up-to-date with the latest industry best
206              practices and work closely with editorial and marketing teams to
207              develop a successful organic search strategy. Responsibilities
208              Optimize copy and landing pages for search engine optimization
209              Perform ongoing keyword research and discovery, expansion and
210              optimization Research and implement search engine optimization
211              recommendations on the website Research and analyze competitor
212              content and links Develop and implement link building strategy
213              Work with the development team to ensure SEO best practices are
214              properly implemented on newly developed code Work with editorial
215              and marketing teams to drive SEO in content strategy and creation
216              Work closely with social media team to align social distribution
217              and SEO efforts Recommend changes to website architecture,
218              content, linking and other factors to improve SEO positions for
219              target keywords Skills Proven SEO experience and a track record of
220              success growing organic search traffic and conversions Solid
221              understanding of performance marketing, conversion, and online
222              customer acquisition Up-to-date with the latest trends and best
223              practices in SEO and inbound marketing In-depth experience with
224              website analytics tools (e.g, Google Analytics, NetInsight,
225              Omniture, WebTrends) Working knowledge of HTML, CSS, and
226              JavaScript development and constraints Familiarity with content
227              management systems (e.g, Wordpress, Vignette) BS/MS degree in a
228              quantitative, test-driven field Job Type: Part-time Pay: From
229              $20.00 per hour&lt;/span
230            &gt;
231            &lt;span class="less"&gt;Less&lt;/span&gt;
232          &lt;/p&gt;
233        &lt;/div&gt;
234      &lt;/div&gt;
235    &lt;/section&gt;
236    &lt;section class="slide-jobs"&gt;
237      &lt;div class="container-job-slide"&gt;
238        &lt;div class="back-icon"&gt;
239          &lt;div class="line1"&gt;&lt;/div&gt;
240          &lt;div class="line2"&gt;&lt;/div&gt;
241        &lt;/div&gt;
242        &lt;h1&gt;SEO Specialist Needed&lt;/h1&gt;
243        &lt;div class="job-description-slide"&gt;
244          &lt;span class="green-h3"&gt;SEO Specialist Needed&lt;/span&gt;
245          &lt;h4&gt;
246            Fixed-price - Expert - Est. Budget: 400$ - Posted 46 minutes ago
247          &lt;/h4&gt;
248          &lt;p&gt;
249            Job Description Hello! Our small digital advertising company needs
250            someone that's starting out in their career that is **VERY** capable
251            in SEO and web development. Must be able to do a video call and
252            operate in US Eastern Time. Also must be comfortable with Wordpress.
253            If you also have some graphic design background and know about
254            Facebook / Google Ads and could manage those, that's a significant
255            plus. Our team also needs someone that's very comfortable in
256            Wordpress back end HTML / CSS / PHP, and can essentially create a
257            site from visuals provided. Pay is not fantastic YET, but it should
258            be once we really have clients coming through. Must be able to do a
259            video call every now and then, and video interview on front end. Key
260            summary: we need an SEO expert to manage search engine optimization
261            and marketing activities. The SEO Specialist will be responsible for
262            managing all SEO activities such as keyword strategy, content
263            strategy and link building to increase organic search rankings and
264            drive search traffic from Google, Bing, Yahoo and other search
265            engines. A successful SEO specialist must keep up-to-date with the
266            latest industry best practices and work closely with editorial and
267            marketing teams to develop a successful organic search strategy.
268            Responsibilities Optimize copy and landing pages for search engine
269            optimization Perform ongoing keyword research and discovery,
270            expansion and optimization Research and implement search engine
271            optimization recommendations on the website Research and analyze
272            competitor content and links Develop and implement link building
273            strategy Work with the development team to ensure SEO best practices
274            are properly implemented on newly developed code Work with editorial
275            and marketing teams to drive SEO in content strategy and creation
276            Work closely with social media team to align social distribution and
277            SEO efforts Recommend changes to website architecture, content,
278            linking and other factors to improve SEO positions for target
279            keywords Skills Proven SEO experience and a track record of success
280            growing organic search traffic and conversions Solid understanding
281            of performance marketing, conversion, and online customer
282            acquisition Up-to-date with the latest trends and best practices in
283            SEO and inbound marketing In-depth experience with website analytics
284            tools (e.g, Google Analytics, NetInsight, Omniture, WebTrends)
285            Working knowledge of HTML, CSS, and JavaScript development and
286            constraints Familiarity with content management systems (e.g,
287            Wordpress, Vignette) BS/MS degree in a quantitative, test-driven
288            field Job Type: Part-time Pay: From $20.00 per hour
289          &lt;/p&gt;
290        &lt;/div&gt;
291      &lt;/div&gt;
292    &lt;/section&gt;htag.style.borderBottom = `1.5px solid green`
293// should be
294htag.style.borderBottom = '1.5px solid green'
295headingTag.addEventListener('click', () =&gt; {
296  document.body.setAttribute(&quot;data-theme&quot;, &quot;blur&quot;);
297  slidingContent.style.transform = &quot;translateX(0)&quot;;
298  slidingContent.style.display = 'block';
299})
300
301backIcon.addEventListener('click', () =&gt; {
302  slidingContent.style.transform = &quot;translateX(120%)&quot;;
303  document.body.removeAttribute(&quot;data-theme&quot;, &quot;blur&quot;);
304});
305

About your 2nd issue, this line you see is actually a margin from h1 tag inside the sliding content so just add this to remove it:

1const jobContainer = document.querySelector('.job-description');
2let htag = document.querySelector('.green-h3');
3function changeCol() {
4    htag = document.querySelector('.green-h3');
5    htag.style.color = "green"
6}
7
8function normalCol() {
9    let htag = document.querySelector('.green-h3');
10    htag.style.color = "black"
11    htag.style.borderBottom = `none`
12}
13
14htag.addEventListener('mouseover', ()=&gt; {
15    htag.style.borderBottom = `1.5px solid green`
16});
17
18
19
20// show more
21let hiddenInfo = document.querySelector('.by-default-hidden');
22let more = document.querySelector('.more');
23let less = document.querySelector('.less');
24less.style.display = 'none'
25more.addEventListener('click', ()=&gt; {
26    hiddenInfo.style.display = 'inline'
27    more.style.display = 'none'
28    less.style.display = 'inline'
29})
30
31less.addEventListener('click', ()=&gt; {
32    hiddenInfo.style.display = 'none'
33    more.style.display = 'inline'
34    less.style.display = 'none'
35})
36
37
38// sliding
39
40let headingTag = document.querySelector('.green-h3');
41let slidingParent = document.querySelector('.container-job-slide')
42let slidingContent = document.querySelector('.slide-jobs');
43let jobSectionmain = document.querySelector('.jobs');
44let backIcon = document.querySelector('.back-icon');
45headingTag.addEventListener('click', ()=&gt; {
46    
47    document.body.setAttribute("data-theme", "blur")
48    if (headingTag) {
49        slidingContent.style.display = 'block';
50    } else {
51        slidingContent.style.display = 'none';
52    }
53})
54
55backIcon.addEventListener('click', ()=&gt; {
56    slidingContent.style.transform = `translateX(120%)`;
57    document.body.removeAttribute("data-theme", "blur");
58});body {
59    max-width: 990px;
60    overflow-x: hidden;
61    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
62    background-color: #F1F2F4;
63    margin: 0 auto;
64}
65
66body[data-theme="blur"] {
67    background-color: rgb(87, 87, 87);
68}
69
70
71.jobs {
72    position: relative;
73}
74
75.container-job {
76    max-width: 630px;
77    position: relative;
78}
79
80
81h1 {
82    padding: 20px 10px 20px 40px;
83    background-color: white ;
84}
85
86.job-description {
87    margin-top: -20px;
88    border-top: 1px solid rgb(194, 194, 194);
89    padding: 20px 20px 20px 40px;
90    background-color: white;
91    color: #656565;
92}
93
94.job-description:hover{
95    color: black;
96    background-color: #F9F9F9;
97    cursor: pointer;
98}
99.more,.less {
100    color: green;
101}
102.more:hover,.less:hover {
103    border-bottom: 1.5px solid green;
104    cursor: pointer;
105}
106.green-h3 {
107    font-size: 1.2rem;
108}
109
110.green-h3:hover  {
111    border-bottom: 1.5px solid green;
112}
113
114.by-default-hidden {
115    display: none;
116}
117
118/* slide jobs */
119
120.slide-jobs {
121    top: 0;
122    position: absolute;
123    /* */
124    display: none;
125    right: 5%;
126    width: 80%;
127    transition: all .4s;
128    animation: slide .4s ease-in;
129}
130@keyframes slide {
131    from {
132        transform: translateX(100%); 
133    }
134    to {
135        transform: translateX(0); 
136    }
137}
138/* .backSlide {
139    animation: backSlide .4s ease-in;
140}
141
142@keyframes backSlide {
143    from{
144        transform: translateX(0%);
145    } 
146    to {
147        transform: translateX(120%);
148    }
149} */
150
151.job-description-slide {
152    margin-top: -20px;
153    border-top: 1px solid rgb(194, 194, 194);
154    padding: 20px 20px 20px 40px;
155    background-color: white;
156}
157.back-icon div{
158    height: 4px;
159    width: 20px;
160    margin: 5px;
161    background-color: green;
162    cursor: pointer;
163}
164.back-icon {
165    background-color: white;
166    padding: 25px;
167}
168.line1 {
169    transform: rotate(-30deg);
170}
171.line2 {
172    transform: rotate(30deg);
173}&lt;section class="jobs"&gt;
174      &lt;div class="container-job"&gt;
175        &lt;h1&gt;My Feed&lt;/h1&gt;
176        &lt;div
177          onmouseover="changeCol();"
178          onmouseout="normalCol()"
179          class="job-description"
180        &gt;
181          &lt;span class="green-h3"&gt;SEO Specialist Needed&lt;/span&gt;
182          &lt;h4&gt;
183            Fixed-price - Expert - Est. Budget: 400$ - Posted 46 minutes ago
184          &lt;/h4&gt;
185          &lt;p&gt;
186            Job Description Hello! Our small digital advertising company needs
187            someone that's starting out in their career that is **VERY** capable
188            in SEO and web development. Must be able to do a video call and
189            operate in US Eastern Time. Also must be comfortable with Wordpress.
190            If you also have some graphic design background and know about
191            Facebook / Google Ads and could manage those, that's a
192            &lt;span class="more"&gt;more&lt;/span&gt;
193            &lt;span class="by-default-hidden"
194              &gt;significant plus. Our team also needs someone that's very
195              comfortable in Wordpress back end HTML / CSS / PHP, and can
196              essentially create a site from visuals provided. Pay is not
197              fantastic YET, but it should be once we really have clients coming
198              through. Must be able to do a video call every now and then, and
199              video interview on front end. Key summary: we need an SEO expert
200              to manage search engine optimization and marketing activities. The
201              SEO Specialist will be responsible for managing all SEO activities
202              such as keyword strategy, content strategy and link building to
203              increase organic search rankings and drive search traffic from
204              Google, Bing, Yahoo and other search engines. A successful SEO
205              specialist must keep up-to-date with the latest industry best
206              practices and work closely with editorial and marketing teams to
207              develop a successful organic search strategy. Responsibilities
208              Optimize copy and landing pages for search engine optimization
209              Perform ongoing keyword research and discovery, expansion and
210              optimization Research and implement search engine optimization
211              recommendations on the website Research and analyze competitor
212              content and links Develop and implement link building strategy
213              Work with the development team to ensure SEO best practices are
214              properly implemented on newly developed code Work with editorial
215              and marketing teams to drive SEO in content strategy and creation
216              Work closely with social media team to align social distribution
217              and SEO efforts Recommend changes to website architecture,
218              content, linking and other factors to improve SEO positions for
219              target keywords Skills Proven SEO experience and a track record of
220              success growing organic search traffic and conversions Solid
221              understanding of performance marketing, conversion, and online
222              customer acquisition Up-to-date with the latest trends and best
223              practices in SEO and inbound marketing In-depth experience with
224              website analytics tools (e.g, Google Analytics, NetInsight,
225              Omniture, WebTrends) Working knowledge of HTML, CSS, and
226              JavaScript development and constraints Familiarity with content
227              management systems (e.g, Wordpress, Vignette) BS/MS degree in a
228              quantitative, test-driven field Job Type: Part-time Pay: From
229              $20.00 per hour&lt;/span
230            &gt;
231            &lt;span class="less"&gt;Less&lt;/span&gt;
232          &lt;/p&gt;
233        &lt;/div&gt;
234      &lt;/div&gt;
235    &lt;/section&gt;
236    &lt;section class="slide-jobs"&gt;
237      &lt;div class="container-job-slide"&gt;
238        &lt;div class="back-icon"&gt;
239          &lt;div class="line1"&gt;&lt;/div&gt;
240          &lt;div class="line2"&gt;&lt;/div&gt;
241        &lt;/div&gt;
242        &lt;h1&gt;SEO Specialist Needed&lt;/h1&gt;
243        &lt;div class="job-description-slide"&gt;
244          &lt;span class="green-h3"&gt;SEO Specialist Needed&lt;/span&gt;
245          &lt;h4&gt;
246            Fixed-price - Expert - Est. Budget: 400$ - Posted 46 minutes ago
247          &lt;/h4&gt;
248          &lt;p&gt;
249            Job Description Hello! Our small digital advertising company needs
250            someone that's starting out in their career that is **VERY** capable
251            in SEO and web development. Must be able to do a video call and
252            operate in US Eastern Time. Also must be comfortable with Wordpress.
253            If you also have some graphic design background and know about
254            Facebook / Google Ads and could manage those, that's a significant
255            plus. Our team also needs someone that's very comfortable in
256            Wordpress back end HTML / CSS / PHP, and can essentially create a
257            site from visuals provided. Pay is not fantastic YET, but it should
258            be once we really have clients coming through. Must be able to do a
259            video call every now and then, and video interview on front end. Key
260            summary: we need an SEO expert to manage search engine optimization
261            and marketing activities. The SEO Specialist will be responsible for
262            managing all SEO activities such as keyword strategy, content
263            strategy and link building to increase organic search rankings and
264            drive search traffic from Google, Bing, Yahoo and other search
265            engines. A successful SEO specialist must keep up-to-date with the
266            latest industry best practices and work closely with editorial and
267            marketing teams to develop a successful organic search strategy.
268            Responsibilities Optimize copy and landing pages for search engine
269            optimization Perform ongoing keyword research and discovery,
270            expansion and optimization Research and implement search engine
271            optimization recommendations on the website Research and analyze
272            competitor content and links Develop and implement link building
273            strategy Work with the development team to ensure SEO best practices
274            are properly implemented on newly developed code Work with editorial
275            and marketing teams to drive SEO in content strategy and creation
276            Work closely with social media team to align social distribution and
277            SEO efforts Recommend changes to website architecture, content,
278            linking and other factors to improve SEO positions for target
279            keywords Skills Proven SEO experience and a track record of success
280            growing organic search traffic and conversions Solid understanding
281            of performance marketing, conversion, and online customer
282            acquisition Up-to-date with the latest trends and best practices in
283            SEO and inbound marketing In-depth experience with website analytics
284            tools (e.g, Google Analytics, NetInsight, Omniture, WebTrends)
285            Working knowledge of HTML, CSS, and JavaScript development and
286            constraints Familiarity with content management systems (e.g,
287            Wordpress, Vignette) BS/MS degree in a quantitative, test-driven
288            field Job Type: Part-time Pay: From $20.00 per hour
289          &lt;/p&gt;
290        &lt;/div&gt;
291      &lt;/div&gt;
292    &lt;/section&gt;htag.style.borderBottom = `1.5px solid green`
293// should be
294htag.style.borderBottom = '1.5px solid green'
295headingTag.addEventListener('click', () =&gt; {
296  document.body.setAttribute(&quot;data-theme&quot;, &quot;blur&quot;);
297  slidingContent.style.transform = &quot;translateX(0)&quot;;
298  slidingContent.style.display = 'block';
299})
300
301backIcon.addEventListener('click', () =&gt; {
302  slidingContent.style.transform = &quot;translateX(120%)&quot;;
303  document.body.removeAttribute(&quot;data-theme&quot;, &quot;blur&quot;);
304});
305....
306    &lt;/div&gt;
307    // set margin top to 0
308    &lt;h1 style=&quot;margin-top:0!important;&quot;&gt;SEO Specialist Needed&lt;/h1&gt;
309    &lt;div class=&quot;job-description-slide&quot;&gt;
310....
311

Source https://stackoverflow.com/questions/65517680

QUESTION

Angular SEO how to correctly implement dynamic title and meta?

Asked 2020-Dec-25 at 16:29

I have a little question about Angular title and meta. I have imported libraries into my angular. I set my title and description of meta in the constructor of the .ts files like this (different titles and descriptions for every page of course);

1//To set the title
2this.titleServ.setTitle(&quot;SOME TITLE HERE&quot;)
3//To set the meta
4this.meta.addTag({name: &quot;description&quot;, content: &quot;SOME DESCRIPTION HERE&quot;})
5

When I run my website through IIS and check from the browser, I still see something like this;

1//To set the title
2this.titleServ.setTitle(&quot;SOME TITLE HERE&quot;)
3//To set the meta
4this.meta.addTag({name: &quot;description&quot;, content: &quot;SOME DESCRIPTION HERE&quot;})
5  &lt;title&gt;&lt;/title&gt;
6  &lt;base href=&quot;/&quot;&gt;
7  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
8

As said, I cant see my page title or page description from source codes (but I can see it from a google search and at the google chrome tab). I am currently trying to set the search engine optimizations. Is there any problem in here? I mean all the tutorials I have seen can see their page title from the section and also can see meta.

What did I do wrong or is there anything I need to do more for the website to be visible in google with some keywords search?

ANSWER

Answered 2020-Dec-25 at 16:29

Angular by default is a client-side application. When you serve the app and view the HTML source, you essentially get the source code of index.html that's in the root of src.

For SEO, you need to render the page on the server. That way, when the browser receives the HTML, it is pre-rendered with certain data elements, including the SEO-related tags/content.

This is the official guide on how to add server-side rendering (Angular Universal) to your application: https://angular.io/guide/universal

The key part is, for the server-side rendering to take place, you need to start your app with the dedicated command (e.g. npm run dev:ssr by default). This will start up node, which will be handling the requests on the server-side.

Source https://stackoverflow.com/questions/65449484

QUESTION

My WordPress featured image is not showing up on Facebook post and with Tweets

Asked 2020-Nov-15 at 03:16

I've tinkered with the possibility that one of my plugins were messing up the featured image. Did not work. I checked on FB debug tool this was the error message:

Invalid Image Content Type Provided og:image URL, https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png could not be processed as an image because it has an invalid content type.

[screenshot of the debug tool results][1] [1]: https://i.stack.imgur.com/lK4MZ.png

I've tried reuploading the same picture but with a different type like png and jpg, didn't work too.

this is the detailed part, I tried to look at the og tags, but they're all correct, nothing's out of place.

1&lt;!-- Search Engine Optimization by Rank Math - https://s.rankmath.com/home --&gt;
2&lt;title&gt;Services | Codex Shopper&lt;/title&gt;
3&lt;meta name=&quot;description&quot; content=&quot;Codex Shopper Free Business Listing, express your business the way you want others to feel, submit business for review.&quot;&gt;
4&lt;meta name=&quot;robots&quot; content=&quot;follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large&quot;&gt;
5&lt;link rel=&quot;canonical&quot; href=&quot;https://www.codexshopper.com/services/&quot;&gt;
6&lt;meta property=&quot;og:locale&quot; content=&quot;en_US&quot;&gt;
7&lt;meta property=&quot;og:type&quot; content=&quot;article&quot;&gt;
8&lt;meta property=&quot;og:title&quot; content=&quot;Services | Codex Shopper&quot;&gt;
9&lt;meta property=&quot;og:description&quot; content=&quot;Codex Shopper Free Business Listing, express your business the way you want others to feel, submit business for review.&quot;&gt;
10&lt;meta property=&quot;og:url&quot; content=&quot;https://www.codexshopper.com/services/&quot;&gt;
11&lt;meta property=&quot;og:site_name&quot; content=&quot;Codex Shopper&quot;&gt;
12&lt;meta property=&quot;og:updated_time&quot; content=&quot;2020-11-14T04:16:17+00:00&quot;&gt;
13&lt;meta property=&quot;og:image&quot; content=&quot;https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png&quot;&gt;
14&lt;meta property=&quot;og:image:secure_url&quot; content=&quot;https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png&quot;&gt;
15&lt;meta property=&quot;og:image:width&quot; content=&quot;300&quot;&gt;
16&lt;meta property=&quot;og:image:height&quot; content=&quot;300&quot;&gt;
17&lt;meta property=&quot;og:image:alt&quot; content=&quot;Free Business Listing&quot;&gt;
18&lt;meta property=&quot;og:image:type&quot; content=&quot;image/png&quot;&gt;
19&lt;meta name=&quot;twitter:card&quot; content=&quot;summary_large_image&quot;&gt;
20&lt;meta name=&quot;twitter:title&quot; content=&quot;Services | Codex Shopper&quot;&gt;
21&lt;meta name=&quot;twitter:description&quot; content=&quot;Codex Shopper Free Business Listing, express your business the way you want others to feel, submit business for review.&quot;&gt;
22&lt;meta name=&quot;twitter:site&quot; content=&quot;@@Marketerextrao1&quot;&gt;
23&lt;meta name=&quot;twitter:creator&quot; content=&quot;@@Marketerextrao1&quot;&gt;
24&lt;meta name=&quot;twitter:image&quot; content=&quot;https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png&quot;&gt;
25&lt;script type=&quot;application/ld+json&quot; class=&quot;rank-math-schema&quot;&gt;
26

Can anyone give me a solution for this?

ANSWER

Answered 2020-Nov-14 at 07:21

I don't sure that this work for your problem, but try using of Yoast plugin to provide og:image without problem.

In same problem, I was forced to change Url Name (Slug) to it work

And if your meta content is real, attention to this that your link of image throw this error:

1&lt;!-- Search Engine Optimization by Rank Math - https://s.rankmath.com/home --&gt;
2&lt;title&gt;Services | Codex Shopper&lt;/title&gt;
3&lt;meta name=&quot;description&quot; content=&quot;Codex Shopper Free Business Listing, express your business the way you want others to feel, submit business for review.&quot;&gt;
4&lt;meta name=&quot;robots&quot; content=&quot;follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large&quot;&gt;
5&lt;link rel=&quot;canonical&quot; href=&quot;https://www.codexshopper.com/services/&quot;&gt;
6&lt;meta property=&quot;og:locale&quot; content=&quot;en_US&quot;&gt;
7&lt;meta property=&quot;og:type&quot; content=&quot;article&quot;&gt;
8&lt;meta property=&quot;og:title&quot; content=&quot;Services | Codex Shopper&quot;&gt;
9&lt;meta property=&quot;og:description&quot; content=&quot;Codex Shopper Free Business Listing, express your business the way you want others to feel, submit business for review.&quot;&gt;
10&lt;meta property=&quot;og:url&quot; content=&quot;https://www.codexshopper.com/services/&quot;&gt;
11&lt;meta property=&quot;og:site_name&quot; content=&quot;Codex Shopper&quot;&gt;
12&lt;meta property=&quot;og:updated_time&quot; content=&quot;2020-11-14T04:16:17+00:00&quot;&gt;
13&lt;meta property=&quot;og:image&quot; content=&quot;https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png&quot;&gt;
14&lt;meta property=&quot;og:image:secure_url&quot; content=&quot;https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png&quot;&gt;
15&lt;meta property=&quot;og:image:width&quot; content=&quot;300&quot;&gt;
16&lt;meta property=&quot;og:image:height&quot; content=&quot;300&quot;&gt;
17&lt;meta property=&quot;og:image:alt&quot; content=&quot;Free Business Listing&quot;&gt;
18&lt;meta property=&quot;og:image:type&quot; content=&quot;image/png&quot;&gt;
19&lt;meta name=&quot;twitter:card&quot; content=&quot;summary_large_image&quot;&gt;
20&lt;meta name=&quot;twitter:title&quot; content=&quot;Services | Codex Shopper&quot;&gt;
21&lt;meta name=&quot;twitter:description&quot; content=&quot;Codex Shopper Free Business Listing, express your business the way you want others to feel, submit business for review.&quot;&gt;
22&lt;meta name=&quot;twitter:site&quot; content=&quot;@@Marketerextrao1&quot;&gt;
23&lt;meta name=&quot;twitter:creator&quot; content=&quot;@@Marketerextrao1&quot;&gt;
24&lt;meta name=&quot;twitter:image&quot; content=&quot;https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png&quot;&gt;
25&lt;script type=&quot;application/ld+json&quot; class=&quot;rank-math-schema&quot;&gt;
26https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png
27Oops! That page can’t be found.
28

Source https://stackoverflow.com/questions/64831714

QUESTION

Need assistance with yes-or-no questions

Asked 2020-Jul-05 at 20:12

I'm doing an exercise where I have to write a program that will suggest a subscription plan based on the users answers to a series of yes-or-no questions.

the exercise is based on this chart: https://imgur.com/a/AEMw5Ln

my main question is: how can I get C++ to 'tally up' the results and produce a plan?

here's my code so you can see what I've done so far...

1// Firstly, Welcome the client!
2cout &lt;&lt; &quot; Welcome to the Wordpress subsciption sugesstion Tool!&quot; &lt;&lt; endl;
3cout &lt;&lt; &quot; In order to find the right plan for you, we'll need to ask you a series of questions!&quot; &lt;&lt; endl;
4cout &lt;&lt; &quot; Answer the following questions using 'y' or 'n' keys when prompted.&quot; &lt;&lt; endl;
5
6// secondly, Present the series of questions and prompt the user for input.
7cout &lt;&lt; 1.) Would you like to utilize free themes? (y/n)&quot; &lt;&lt; endl;
8cin &gt;&gt; answer;
9
10if(answer = 'y')
11{
12    freeTheme = true;
13}
14else
15{
16    freeTheme = false;
17}
18cout &lt;&lt; &quot;\t\n 2.) Would you like to customize your themes? (y/n)&quot; &lt;&lt; endl;
19cin &gt;&gt; answer;
20
21if(answer = 'y')
22{
23    customDesign = true;
24}
25else
26{
27    customDesign = false;
28}
29    
30cout &lt;&lt; &quot;\t\n 3.) Will you be needing Search Engine Optimization? (y/n)&quot; &lt;&lt; endl;
31cin &gt;&gt; answer;
32
33if(answer = 'y')
34{
35    seoTools = true;
36}
37else
38{
39    seoTools = false;
40}
41    
42cout &lt;&lt; &quot;\t\n 4.) Is live support important for you? (y/n)&quot; &lt;&lt; endl;
43cin &gt;&gt; answer;
44
45if(answer = 'y')
46{
47    liveSupport = true;
48}
49else
50{
51    liveSupport = false;
52}
53
54cout &lt;&lt; &quot;\t\n 5.) How much data will you need to host? 3GB, 6GB, 13GB, or unlimited(999GB)?&quot; &lt;&lt; endl;
55cin &gt;&gt; storageCapacity;
56
57if(storageCapacity = 3)
58{
59    costPerMonth = 0.00;
60}
61else if (storageCapacity = 6)
62{
63    costPerMonth = 5.00;
64}
65else if (storageCapacity = 13)
66{
67    costPerMonth = 8.00;
68}
69else if (storageCapacity = 999)
70{
71    costPerMonth = 25.00;
72}
73
74cout &lt;&lt; 6.) How many years are you interest in hosting for?&quot; &lt;&lt; endl;
75cin &gt;&gt; years;
76

It may seem a bit messy but im wracking by brain trying to solve it. what do you think? am i on the right track? Which statements/ operators am I missing? should I try incorporating switch statements? Any help is much appriciated.

ANSWER

Answered 2020-Jul-05 at 20:12

A switch statement might make the code at the end with storage capacity look nicer, as well as being easy to implement but this is a matter pf preference alone, there is little to no benefit to the program itself. Also change the if statement contents from assignment operator (=) to comparison (==) as the comment said. To clean up your if else clutter you should use:

1// Firstly, Welcome the client!
2cout &lt;&lt; &quot; Welcome to the Wordpress subsciption sugesstion Tool!&quot; &lt;&lt; endl;
3cout &lt;&lt; &quot; In order to find the right plan for you, we'll need to ask you a series of questions!&quot; &lt;&lt; endl;
4cout &lt;&lt; &quot; Answer the following questions using 'y' or 'n' keys when prompted.&quot; &lt;&lt; endl;
5
6// secondly, Present the series of questions and prompt the user for input.
7cout &lt;&lt; 1.) Would you like to utilize free themes? (y/n)&quot; &lt;&lt; endl;
8cin &gt;&gt; answer;
9
10if(answer = 'y')
11{
12    freeTheme = true;
13}
14else
15{
16    freeTheme = false;
17}
18cout &lt;&lt; &quot;\t\n 2.) Would you like to customize your themes? (y/n)&quot; &lt;&lt; endl;
19cin &gt;&gt; answer;
20
21if(answer = 'y')
22{
23    customDesign = true;
24}
25else
26{
27    customDesign = false;
28}
29    
30cout &lt;&lt; &quot;\t\n 3.) Will you be needing Search Engine Optimization? (y/n)&quot; &lt;&lt; endl;
31cin &gt;&gt; answer;
32
33if(answer = 'y')
34{
35    seoTools = true;
36}
37else
38{
39    seoTools = false;
40}
41    
42cout &lt;&lt; &quot;\t\n 4.) Is live support important for you? (y/n)&quot; &lt;&lt; endl;
43cin &gt;&gt; answer;
44
45if(answer = 'y')
46{
47    liveSupport = true;
48}
49else
50{
51    liveSupport = false;
52}
53
54cout &lt;&lt; &quot;\t\n 5.) How much data will you need to host? 3GB, 6GB, 13GB, or unlimited(999GB)?&quot; &lt;&lt; endl;
55cin &gt;&gt; storageCapacity;
56
57if(storageCapacity = 3)
58{
59    costPerMonth = 0.00;
60}
61else if (storageCapacity = 6)
62{
63    costPerMonth = 5.00;
64}
65else if (storageCapacity = 13)
66{
67    costPerMonth = 8.00;
68}
69else if (storageCapacity = 999)
70{
71    costPerMonth = 25.00;
72}
73
74cout &lt;&lt; 6.) How many years are you interest in hosting for?&quot; &lt;&lt; endl;
75cin &gt;&gt; years;
76bool_name = answer == desired_input;
77

eg:

1// Firstly, Welcome the client!
2cout &lt;&lt; &quot; Welcome to the Wordpress subsciption sugesstion Tool!&quot; &lt;&lt; endl;
3cout &lt;&lt; &quot; In order to find the right plan for you, we'll need to ask you a series of questions!&quot; &lt;&lt; endl;
4cout &lt;&lt; &quot; Answer the following questions using 'y' or 'n' keys when prompted.&quot; &lt;&lt; endl;
5
6// secondly, Present the series of questions and prompt the user for input.
7cout &lt;&lt; 1.) Would you like to utilize free themes? (y/n)&quot; &lt;&lt; endl;
8cin &gt;&gt; answer;
9
10if(answer = 'y')
11{
12    freeTheme = true;
13}
14else
15{
16    freeTheme = false;
17}
18cout &lt;&lt; &quot;\t\n 2.) Would you like to customize your themes? (y/n)&quot; &lt;&lt; endl;
19cin &gt;&gt; answer;
20
21if(answer = 'y')
22{
23    customDesign = true;
24}
25else
26{
27    customDesign = false;
28}
29    
30cout &lt;&lt; &quot;\t\n 3.) Will you be needing Search Engine Optimization? (y/n)&quot; &lt;&lt; endl;
31cin &gt;&gt; answer;
32
33if(answer = 'y')
34{
35    seoTools = true;
36}
37else
38{
39    seoTools = false;
40}
41    
42cout &lt;&lt; &quot;\t\n 4.) Is live support important for you? (y/n)&quot; &lt;&lt; endl;
43cin &gt;&gt; answer;
44
45if(answer = 'y')
46{
47    liveSupport = true;
48}
49else
50{
51    liveSupport = false;
52}
53
54cout &lt;&lt; &quot;\t\n 5.) How much data will you need to host? 3GB, 6GB, 13GB, or unlimited(999GB)?&quot; &lt;&lt; endl;
55cin &gt;&gt; storageCapacity;
56
57if(storageCapacity = 3)
58{
59    costPerMonth = 0.00;
60}
61else if (storageCapacity = 6)
62{
63    costPerMonth = 5.00;
64}
65else if (storageCapacity = 13)
66{
67    costPerMonth = 8.00;
68}
69else if (storageCapacity = 999)
70{
71    costPerMonth = 25.00;
72}
73
74cout &lt;&lt; 6.) How many years are you interest in hosting for?&quot; &lt;&lt; endl;
75cin &gt;&gt; years;
76bool_name = answer == desired_input;
77freeTheme = answer == 'y';
78

Otherwise you could simply ask which option from the pic they want (free, blogger..etc) and use this in a switch statement. I would do this since it means the user needs to do less input, can see all the options on one line so doesn't need to think what other future options might be and it's just easier to code.

Source https://stackoverflow.com/questions/62745150

QUESTION

Is there a way to fix javascript &quot;touch&quot; events firing twice on IOS devices? (Video example included)

Asked 2020-Jun-24 at 17:51

I'm working on a webpage that uses a carousel to show content on smaller screen sizes. I cooked up some javascript to create a "swipe" function on mobile devices and it works perfectly on android devices. However, on SOME iPhones (ones running the newer versions of IOS) the event seems to be triggered twice.

I've been researching this for various days, and although I've seen some similar scenarios, none are quite the same. Usually, the similar scenarios that I've found have two events being binded and thats what triggers the function twice. For example, $button.bind("touchstart click");

That, however, is not my problem.

My problem is that the $("#mobileCarousel").on("touchstart") seems to be firing twice on iPhones with the newer IOSs. I have no other events being binded, just the "touch"

Here is a video example of what is happening: https://youtu.be/8XGMKTpUUrI

I've included the js, css, and html.

I've been losing sleep over this, so any tips/solutions on how to fix this would be greatly appreciated. :D

1$("#mobileCarousel").carousel({
2  interval: 10000
3})
4
5$("#mobileCarousel").on("touchstart", function(event){
6        var xClick = event.originalEvent.touches[0].pageX;
7    $(this).one("touchmove", function(event){
8        var xMove = event.originalEvent.touches[0].pageX;
9        if( Math.floor(xClick - xMove) &gt; 3 ){
10            $(this).carousel('next');
11            console.log("the touch event is firing twice.");
12        }
13        else if( Math.floor(xClick - xMove) &lt; -3 ){
14            $(this).carousel('prev');
15            console.log("the touch event is firing twice.");
16        }
17    });
18    $(".carousel").on("touchend", function(){
19            $(this).off("touchmove");
20    });
21});
22
23$(".carousel carousel-item").each(function(){
24  var minPerSlide = 3;
25  var nextElement = $(this).next();
26  if(!nextElement.length){
27    nextElement = $(this).siblings(":first");
28  }
29  nextElement.children(':first-child').clone().appendTo($(this));
30
31  for (var i = 0; i &lt; minPerSlide; i++) {
32    nextElement = nextElement.next();
33    if(!nextElement.length){
34      nextElement = $(this).siblings(":first");
35
36    }
37    nextElement.children(":first-child").clone().appendTo($(this));
38  }
39});
1$("#mobileCarousel").carousel({
2  interval: 10000
3})
4
5$("#mobileCarousel").on("touchstart", function(event){
6        var xClick = event.originalEvent.touches[0].pageX;
7    $(this).one("touchmove", function(event){
8        var xMove = event.originalEvent.touches[0].pageX;
9        if( Math.floor(xClick - xMove) &gt; 3 ){
10            $(this).carousel('next');
11            console.log("the touch event is firing twice.");
12        }
13        else if( Math.floor(xClick - xMove) &lt; -3 ){
14            $(this).carousel('prev');
15            console.log("the touch event is firing twice.");
16        }
17    });
18    $(".carousel").on("touchend", function(){
19            $(this).off("touchmove");
20    });
21});
22
23$(".carousel carousel-item").each(function(){
24  var minPerSlide = 3;
25  var nextElement = $(this).next();
26  if(!nextElement.length){
27    nextElement = $(this).siblings(":first");
28  }
29  nextElement.children(':first-child').clone().appendTo($(this));
30
31  for (var i = 0; i &lt; minPerSlide; i++) {
32    nextElement = nextElement.next();
33    if(!nextElement.length){
34      nextElement = $(this).siblings(":first");
35
36    }
37    nextElement.children(":first-child").clone().appendTo($(this));
38  }
39});@media only screen and (max-width: 993px) {
40  .carousel-inner .carousel-item &gt; div {
41    display: none;
42  }
43  .carousel-inner .carousel-item &gt; div:first-child {
44    display: block;
45
46  }
47}
1$("#mobileCarousel").carousel({
2  interval: 10000
3})
4
5$("#mobileCarousel").on("touchstart", function(event){
6        var xClick = event.originalEvent.touches[0].pageX;
7    $(this).one("touchmove", function(event){
8        var xMove = event.originalEvent.touches[0].pageX;
9        if( Math.floor(xClick - xMove) &gt; 3 ){
10            $(this).carousel('next');
11            console.log("the touch event is firing twice.");
12        }
13        else if( Math.floor(xClick - xMove) &lt; -3 ){
14            $(this).carousel('prev');
15            console.log("the touch event is firing twice.");
16        }
17    });
18    $(".carousel").on("touchend", function(){
19            $(this).off("touchmove");
20    });
21});
22
23$(".carousel carousel-item").each(function(){
24  var minPerSlide = 3;
25  var nextElement = $(this).next();
26  if(!nextElement.length){
27    nextElement = $(this).siblings(":first");
28  }
29  nextElement.children(':first-child').clone().appendTo($(this));
30
31  for (var i = 0; i &lt; minPerSlide; i++) {
32    nextElement = nextElement.next();
33    if(!nextElement.length){
34      nextElement = $(this).siblings(":first");
35
36    }
37    nextElement.children(":first-child").clone().appendTo($(this));
38  }
39});@media only screen and (max-width: 993px) {
40  .carousel-inner .carousel-item &gt; div {
41    display: none;
42  }
43  .carousel-inner .carousel-item &gt; div:first-child {
44    display: block;
45
46  }
47}&lt;div class="container-fluid carousel-container d-lg-none d-xl-none"&gt;
48      &lt;div id="mobileCarousel" class="carousel slide w-100" data-ride="carousel"&gt;
49        &lt;div class="carousel-inner" role="listbox"&gt;
50          &lt;div class="carousel-item active"&gt;
51
52              &lt;div class="card index-card border-success"&gt;
53                &lt;div class="d-flex justify-content-center"&gt;
54                  &lt;img src="code icon.png" alt=""&gt;
55                &lt;/div&gt;
56                &lt;div class="d-flex justify-content-center"&gt;
57                  &lt;p class="pTagsForCardTitles"&gt;&amp;ltHTML&amp;gt and CSS3&lt;/p&gt;
58                &lt;/div&gt;
59                &lt;div class="d-flex justify-content-center"&gt;
60                  &lt;p class="pTagsForCards d-flex justify-content-center"&gt;We design and program your website from scratch and to
61                    your liking. No restrictive templates! Have the website you have always dreamt of for your business.&lt;/p&gt;
62                &lt;/div&gt;
63              &lt;/div&gt;
64
65          &lt;/div&gt;
66          &lt;div class="carousel-item"&gt;
67
68              &lt;div class="card index-card border-success"&gt;
69                &lt;div class="d-flex justify-content-center"&gt;
70                  &lt;img src="shield icon.png" alt=""&gt;
71                &lt;/div&gt;
72                &lt;div class="d-flex justify-content-center"&gt;
73                  &lt;p class="pTagsForCardTitles"&gt;Online Security&lt;/p&gt;
74                &lt;/div&gt;
75                &lt;p class="pTagsForCards d-flex justify-content-center"&gt;Tropiweb supplies SSL security certificates to every
76                page it produces. Keep your transactions and clients' sensitive informations out of the wrong hands.&lt;/p&gt;
77              &lt;/div&gt;
78
79          &lt;/div&gt;
80          &lt;div class="carousel-item"&gt;
81
82              &lt;div class="card index-card border-success"&gt;
83                &lt;div class="d-flex justify-content-center"&gt;
84                  &lt;img src="search icon.png" alt=""&gt;
85                &lt;/div&gt;
86                &lt;div class="d-flex justify-content-center"&gt;
87                  &lt;p class="pTagsForCardTitles"&gt;Search Engine Optimization&lt;/p&gt;
88                &lt;/div&gt;
89                &lt;p class="pTagsForCards d-flex justify-content-center"&gt;We optimize your web-page's &amp;ltmeta&amp;gt, &amp;ltalt&amp;gt, and
90                  &amp;lttitle&amp;gt tags in order to maximize the probability of potential clients finding you through any search engine&lt;/p&gt;
91              &lt;/div&gt;
92
93          &lt;/div&gt;
94          &lt;div class="carousel-item"&gt;
95
96              &lt;div class="card index-card border-success"&gt;
97                &lt;div class="d-flex justify-content-center"&gt;
98                  &lt;img src="responsive icon.png" alt=""&gt;
99                &lt;/div&gt;
100                &lt;div class="d-flex justify-content-center"&gt;
101                  &lt;p class="pTagsForCardTitles"&gt;Sleek and Responsive&lt;/p&gt;
102                &lt;/div&gt;
103                &lt;p class="pTagsForCards d-flex justify-content-center"&gt;Your website is designed with cross-platform compatability as a priority.
104                  No matter the web-browser or device (tablet, laptop, or phone) your page will always function properly.&lt;/p&gt;
105              &lt;/div&gt;
106
107          &lt;/div&gt;
108          &lt;div class="carousel-item"&gt;
109
110              &lt;div class="card index-card border-success"&gt;
111                &lt;div class="d-flex justify-content-center"&gt;
112                  &lt;img src="money icon.png" alt=""&gt;
113                &lt;/div&gt;
114                &lt;div class="d-flex justify-content-center"&gt;
115                  &lt;p class="pTagsForCardTitles"&gt;E-Commerce Solutions&lt;/p&gt;
116                &lt;/div&gt;
117                &lt;p class="pTagsForCards d-flex justify-content-center"&gt;Run your online shop right from your very own website. Validate transactions,
118                  keep stock of your merchandise, charge applicable sales taxes, and ship your product with no hassle.&lt;/p&gt;
119              &lt;/div&gt;
120
121          &lt;/div&gt;
122        &lt;/div&gt;
123        &lt;a class="carousel-control-prev" href="#mobileCarousel" role="button" data-slide="prev"&gt;
124            &lt;span&gt;
125              &lt;img class="carousel-arrow-right" src="flecha-de.png" alt=""&gt;
126            &lt;/span&gt;
127            &lt;span class="sr-only"&gt;Previous&lt;/span&gt;
128          &lt;/a&gt;
129          &lt;a class="carousel-control-next" href="#mobileCarousel" role="button" data-slide="next"&gt;
130            &lt;span&gt;
131              &lt;img class="carousel-arrow-left" src="flecha-iz.png" alt=""&gt;
132            &lt;/span&gt;
133            &lt;span class="sr-only"&gt;Next&lt;/span&gt;
134          &lt;/a&gt;
135      &lt;/div&gt;
136  &lt;/div&gt;

ANSWER

Answered 2020-Jun-24 at 17:51

So, after many sleepless nights and debugging I fixed the issue. Apparently the issue was that I was using an old deprecated version of jQuery. Once I started using the latest version of jQuery, the issue went away.

Source https://stackoverflow.com/questions/62520150

Community Discussions contain sources that include Stack Exchange Network

Tutorials and Learning Resources in Search Engine Optimization

Tutorials and Learning Resources are not available at this moment for Search Engine Optimization

Share this Page

share link

Get latest updates on Search Engine Optimization