I am trying to run Wordpress blog along with the node + express project. I've tried all possible solutions from the google to run the wordpress blog in node js. (Trying since last 2 days).
Note : Our website is hosted on heroku server.
Reason why I met with this situation:
Our site is completely built on html, javascript and css with Wordpress blog (https://oursite.com/blog).
We are calling api using Ajax to fetch the data, which includes meta content too, and adding it on the html page using jQuery.
The API is crated on Strapi Framework which is hosted on another domain on heroku.
Our SEO expert told us that this will not work, because the website will not get crawled if the meta data will not shown in the page source.
So I googled and came-up with the node + express + ejs solution.
But now I'm not able to include wordress blog in my node project.
Related
I'm working on an html file in a google apps script project right now and I want it to be able to retrieve the html content of a web page, extract a snippet, and paste the snippet to the page. I've tried using fetch() and a couple of its options (mostly CORS), but I either get nothing back or an error that says "No 'Access-Control-Allow-Origin' header is present on the requested resource." A workaround I found was using google.script.run.withSuccessHandler() to return the html content via UrlFetchApp.fetch(url).getContentText(). The problem with this is that it is time consuming and I want to try and optimize it as much as possible. Does anyone have any suggestions on how to make this work or will I be forced to stick with my workaround?
Using "Vanilla JavaScript" in a Google Apps Script web application might not work to
retrieve the html content of a web page, extract a snippet, and paste the snippet to the page.
The above because the client-side code of Google Apps Script web applications is embedded in an iframe tag that can't be modified from server-side code. In other words, Google Apps Script is not universally suitable web development platform. One alternative is to use another platform to create your web application, i.e. GitHub Pages, Firebase, etc.
Related
Where is my iframe in the published web application/sidebar?
So i have this social media app with multiple pages, it's all created with create react app with context api and react-router for routing and laravel for backend. Now, google won't be able to index these dynamic pages, i have tried pre rendring the pages using react-snapshot, currently looking into next js.
i know react has this react dom server, will it be good idea to hook up another server just for pre-rendring the page before sending it to the client.
Is there any other way to do ssr with cra.
First things first, Google is able to index client-side rendered pages.
I think next.js is a good choice for SSR, but you can also look at razzle - maybe you can retrofit that to your CRA setup.
Google should index your website. please check your robots.txt file and also try to provide sitemap.xml for better crawling for google.
Also, there are some issues with using react-snap and that is you render the page at build time and your site render won't change if you read your content from the database and update your database while you didn't rebuild your app.
you can use after.js but next.js have a bigger community and more tutorials out there so I recommend you use next.js.
Also, there is a tool named prerender.io(open source) and you can serve rendered page to search engine bots this is the easiest way in my opinion and do not have the downside of using react-snap
I'm having a Laravel application with a VueJS frontend as a landing page (web tool). I've noticed it shows up on Google as a blank page as the content isn't pre-rendered. I've googled and found the solutions to pre-render the HTML more complex and work intense than I expected. Is there a simple way using Laravel Mix?
I went on the /list_folders method in the HTTP Developers guide (https://www.dropbox.com/developers/documentation/http/documentation#files-list_folder) and it has "curl" as the example of how to use it. How do I put this in my HTML/JS code to pull in the folders? Thanks!
You can look at the reference for the JavaScript Dropbox library here which will guide you through creating a front-end website that utilizes the API. CURL is a very popular command line script used to transfer data over many supported protocols, but not something you can use from the browser.
More on the Dropbox API, this example Javascript script will show you how to list files.
The partial documentation can be found here.
I have a site which was coded by AngularJs, It has SEO problem.
Noe I used ANGULARJS SEO using PhantomJS.
I followed these full steps, But at the last it runs successfully upto this command
$ phantomjs --disk-cache=no angular-seo-server.js [port] [URL prefix]
But Now also my angularjs code only visible in view source.
I cant get the contents in view source.
Also i want to know the Equivalent word of CURL in ASP.NET
Any help is Appreciated.
Configuring for serving pre-rendered HTML from Javascript pages/apps using the Prerender Service will resolve your issue..
As you are using PhantomJS integrated with AngularJS for your app, we can have the following reference,
https://github.com/prerender/prerender
.htaccess also helps the DOM to pre-render HTML from Javascript, which has been referenced in the following link..
How to make a SPA SEO crawlable?
https://gist.github.com/Stanback/7028309
https://gist.github.com/thoop/8072354
Hope this gives you more info as I resolved above..